/*wp_block_styles_on_demand_placeholder:69ab857b1839a*/ /*# sourceURL=wp-block-library-inline-css */

Clone Any Online Store Tutorial Series: Part 2 – Last Few Pages

Part 2: Building the Last Few Pages

With our product page looking great it is time to button things up in our series on Cloning Any Online Store by replicating the look of the product category pages, as well as creating a fantastic looking My Account page. Once we have the entire framework setup, we’ll then start using the new Divi Conditional Display Logic in next week’s installment to show some smart sale sections on our site. We will keep working in the Divi Theme Builder for this part, so strap in and let’s get busy.

So we’ve completed most of the core pages in our Divi WooCommerce store, but we can still clean up a few details around some other specific pages your users might see, which are the Product Category Pages and the My Account Page. This is a great exercise because it shows you how to add some flair to things like the My Account page by using the WooCommerce Shortcodes which are part of any WooCommerce install. You can see a full list of the shortcodes which you can use on any page by checking their official documentation.

We also take a look at some key differences between the Abercrombie & Fitch site and what is possible with stock Divi. Divi Ajax Filters is one particular feature along with Advanced Variation Swatches, which are things you would be able to do if you also had Divi BodyCommerce installed. You can see both these awesome features in action by visiting our Divi Ajax Filters demo page.

Divi Ajax Filters Demo

Video Tutorial

Difficulty

Easy

Time

25 Minutes

Clone Any Online Store Tutorial Series: Part 2 – Last Few Pages

Now that the heavy lifting is done…

Conclusion

Boom goes the diligent student that has just finished the last part in the Buildering of their site in our series on how to Clone Any Online Store with Divi and WooCommerce. You should feel great because you already have a site that is functional and is almost ready to start taking orders.

In the next installment, we will be adding some sections that will only display if certain conditions are met by using the new Divi Conditional Display Logic If you have not used it yet, you will quickly see how this is a game-changer for how you will be building Divi sites in the future.

Definitely head to our Youtube Channel and subscribe to make sure you don’t miss a single thing because this is going to be valuable for you and your design agency!

Catch you folks next week!

0 Comments

Submit a Comment

Explore more from Divi Engine

Divi Form Builder

Divi Form Builder

From simple contact forms to complex frontend post or product creation, Divi Form Builder has you covered.

Divi Form Builder
Find out more
Divi Machine

Divi Machine

Build complex websites that displays dynamic fields you can filter, search and so much more with the Divi Builder.      

Divi Machine
Find out more
Divi BodyCommerce

Divi BodyCommerce

A versatile toolkit for developers using Divi and WooCommerce together, designed to boost your e-commerce site and achieve greater conversion rates.    

Divi BodyCommerce
Find out more
Divi Handoff

Divi Handoff

Let clients update content without touching the Divi Builder. Design layouts once, connect them to Flexible Content fields, and give editors simple forms for text, images, and sections.

Divi Handoff
Find out more
Divi Loop Extender

Divi Loop Extender

Unlock the Full Power of Divi 5 Loop Builder Add advanced sorting, filtering, and relationship logic right inside the Visual Builder.

Divi Loop Extender
Find out more
Divi Membership

Divi Membership

Monetize your Divi websites by transforming them into membership sites with seamless subscription management, user-friendly interfaces, and customizable membership tiers.

Divi Membership
Find out more
Divi Machine Accounts

Divi Machine Accounts

Build an account area for your customers to edit their details, access wishlist, submitted posts and more. *Note: Requires Divi Machine installed and active

Divi Machine Accounts
Find out more
Divi Ajax Filter

Divi Ajax Filter

Filter WooCommerce, Posts & Custom Posts without reloading the page.    

Divi Ajax Filter
Find out more
Divi Mobile

Divi Mobile

Divi Mobile helps you create beautiful looking mobile menus without having to code.

Divi Mobile
Find out more
Divi Nitro

Divi Nitro

Give your Divi website that extra boost of speed with our Divi Nitro plugin to enhance your customer's experience.

Divi Nitro
Find out more
Divi Protect

Divi Protect

Password protect the content of your Divi website with our Divi Protect plugin. Keep unwanted eyes out!

Divi Protect
Find out more
Divi Mega Menu

Divi Mega Menu

Create stunning, responsive, and content-rich mega menus using the Divi Builder you already know. No coding required.  

Divi Mega Menu
Find out more