How to Clone any Online Store with Divi and WooCommerce: Part 3 – Divi Conditional Display Logic

Divi Engine

We are finally on Part 3 of this Tutorial Series on How to Clone Any Online Store with Divi and WooCommerce. We will be using WooCommerce along with the Divi Theme. In this installment, we are going to show you how to use conditional logic to display certain promotions depending on what stage of a sale you might be in using Black Friday as an example.LINKSText Tutorial: https://diviengine.com/clone-any-online-store-tutorial-series-part-3-adding-conditional-logic/Divi BodyCommerce: https://diviengine.com/product/divi-bodycommerce/Sales Banner Image: https://www.pexels.com/photo/black-friday-sale-sign-on-black-and-red-background-5625050/CHAPTERS00:00 Introduction01:52 Step 1: Creating the Header Promo in the Divi Theme Builder05:40 Adding Snippet 2 to Center Modules Vertically06:34 Adding Snippet 17 to Hide the Counter Module Title07:31 Add Conditional Logic to Display the Promo Header Before the Sale Date09:46 Step 2: Creating the Sales Banner that will ONLY Show During the Sale16:54 Add Conditional Logic to Display the Sales Banner During the Sale19:42 Step 3: Creating the Abandoned Cart Offer – Building the Container23:36 Add Conditional Logic to Display the Offer if there is a Product in the Cart and the Checkout Page was Visited27:30 Step 4: Creating the Abandoned Cart Offer – Adding the Contents30:47 Step 5: Creating the Abandoned Cart Offer – Adding the Code31:40 Adding Snippet 15 which Shows a Pointer when the Icon is Hovered32:30 Adding Snippet 16 which Hides the Offer when the Icon is Clicked33:31 Conclusion