{"id":79829,"date":"2026-09-22T11:45:20","date_gmt":"2026-09-22T09:45:20","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=79829"},"modified":"2026-09-22T11:50:29","modified_gmt":"2026-09-22T09:50:29","slug":"free-divi-5-woocommerce-layout-pack-sundaze","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/","title":{"rendered":"Sundaze \u2013 Free Divi 5 WooCommerce Layout Pack"},"content":{"rendered":"\n<p>Looking for a free Divi 5 WooCommerce layout pack to kick-start your next online store? <strong>Sundaze<\/strong> is a modern eCommerce layout pack designed for fashion, clothing, and lifestyle websites.<\/p>\n\n\n\n<p>The pack includes the essential pages and WooCommerce templates you need to build a complete store with Divi 5. You can use the layouts as they are, or customize the colors, typography, images, products, and sections to create your own unique design.<\/p>\n\n\n\n<p>Sundaze is completely free to download. In this tutorial, I\u2019ll show you how to install the layout pack, import the Divi settings and templates, configure the shop filters, and set up the free DrawerCart Lite plugin used in the demo.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/sundaze.markhendriksen.com\/\" style=\"background-color:#0050ff\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>See the Live Demo<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What&#8217;s included in the Sundaze layout pack?<\/h2>\n\n\n\n<p>Sundaze gives you a complete starting point for building a modern WooCommerce store with Divi 5. The pack includes layouts for your main website pages as well as custom WooCommerce templates.<\/p>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li><strong>Home page<\/strong> \u2013 A complete eCommerce homepage with product, promotional, blog, and lifestyle sections.<\/li>\n\n\n\n<li><strong>Shop page<\/strong> \u2013 A custom WooCommerce shop design with an off-canvas product filtering system.<\/li>\n\n\n\n<li><strong>Product page<\/strong> \u2013 A custom product template for displaying your products with Divi 5 and WooCommerce.<\/li>\n\n\n\n<li><strong>About page<\/strong> \u2013 A lifestyle-focused page for introducing your brand and telling your story.<\/li>\n\n\n\n<li><strong>Blog<\/strong> \u2013 Blog layouts that match the overall Sundaze design.<\/li>\n\n\n\n<li><strong>Contact page<\/strong> \u2013 A clean contact page that you can easily customize with your own information.<\/li>\n\n\n\n<li><strong>Headers and WooCommerce templates<\/strong> \u2013 Imported through the Divi Theme Builder so the design carries across your store.<\/li>\n\n\n\n<li><strong>DrawerCart Lite integration<\/strong> \u2013 The demo uses my free DrawerCart Lite plugin for the slide-out shopping cart and free-shipping progress reward.<\/li>\n<\/ul>\n\n\n\n<p>Everything is fully customizable with Divi 5, so Sundaze can be used as a starting point for many different types of WooCommerce stores\u2014not just fashion websites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install-sundaze\">How to install the Sundaze Divi 5 layout pack<\/h2>\n\n\n\n<p><strong>Before you start:<\/strong> make sure Divi 5 and WooCommerce are installed and activated on your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Download the layout pack<\/h2>\n\n\n\n<p>Log in to your account, or create a free account here: <a href=\"https:\/\/www.markhendriksen.com\/member-area\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.markhendriksen.com\/member-area\/<\/a><\/p>\n\n\n\n<p>After logging in, go to the <strong>Free Membership<\/strong> area.<\/p>\n\n\n\n<figure class=\"gb-block-image gb-block-image-b0529f62\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"241\" class=\"gb-image gb-image-b0529f62\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-an-account.jpg\" alt=\"Create a free account\" title=\"create-an-account\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-an-account.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-an-account-480x170.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>From here, find <strong>Sundaze<\/strong> and download the layout pack files.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"545\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/download-layout-pack.jpg\" alt=\"download layout pack\" class=\"wp-image-79834\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/download-layout-pack.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/download-layout-pack-480x385.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Unzip the downloaded folder. Inside, you will find the files needed to import the Sundaze design and settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"151\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/files.jpg\" alt=\"files inside layout pack\" class=\"wp-image-79837\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/files.jpg 361w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/files-300x125.jpg 300w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Import the layout pack<\/h2>\n\n\n\n<p><strong>I recommend installing Sundaze on a new website.<\/strong> Some of the files below import Divi settings and templates, which may overwrite settings you already have on an existing website.<\/p>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Go to <strong>Divi &gt; Theme Options<\/strong> and click the import\/export icon (the up\/down arrows).<br><br>Select <strong>Import<\/strong> and upload <strong>Sundaze Theme Options.json<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Go to <strong>Divi &gt; Theme Builder<\/strong> and click the import\/export icon.<br><br>Select <strong>Import<\/strong> and upload <strong>Sundaze Theme Builder Templates.json<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Go to <strong>Divi &gt; Theme Customizer<\/strong> and click the import\/export icon (the up\/down arrows).<br><br>Select <strong>Import<\/strong> and upload <strong>Sundaze Customizer Settings.json<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single new-list-blog\">\n<li>Go to <strong>Divi &gt; Divi Library<\/strong> and click the import\/export icon.<br><br>Select <strong>Import<\/strong> and upload <strong>Sundaze Builder Layouts.json<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"gb-container gb-container-21d99b83\">\n\n<p><strong>Important:<\/strong> each JSON file needs to be imported in the correct Divi location. Do not try to import all of the files through the Divi Library.<\/p>\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Step 3: Set up your pages<\/h2>\n\n\n\n<p>Now that the layouts have been imported, we can create the individual pages.<\/p>\n\n\n\n<p>Go to <strong>Pages &gt; Add Page<\/strong>.<\/p>\n\n\n\n<p>Give your page a name, for example <strong>Home<\/strong>, and publish the page.<\/p>\n\n\n\n<p>Next, click <strong>Use Divi Builder<\/strong>.<\/p>\n\n\n\n<p>Inside the Visual Builder, click <strong>Add Layout<\/strong> and then choose <strong>Saved Layout<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"396\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/add-layout.jpg\" alt=\"\" class=\"wp-image-79844\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/add-layout.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/add-layout-480x280.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Select the <strong>Home<\/strong> layout to import it onto the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"277\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/choose-layoutjpg.jpg\" alt=\"\" class=\"wp-image-79845\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/choose-layoutjpg.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/choose-layoutjpg-480x196.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Repeat these steps for the other included pages, such as <strong>About Us<\/strong>, <strong>Blog<\/strong>, and <strong>Contact<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create your menu<\/h3>\n\n\n\n<p>Go to <strong>Appearance &gt; Menus<\/strong> and create a new menu. Add your pages to the menu and set it as your primary menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Set your home page<\/h3>\n\n\n\n<p>Go to <strong>Settings &gt; Reading<\/strong>. Under <strong>Your homepage displays<\/strong>, select <strong>A static page<\/strong> and choose your newly created Home page as the homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"263\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/set-home-page.jpg\" alt=\"\" class=\"wp-image-79847\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/set-home-page.jpg 469w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/set-home-page-300x168.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/set-home-page-380x213.jpg 380w\" sizes=\"(max-width: 469px) 100vw, 469px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Add some products and blog posts<\/h3>\n\n\n\n<p>Add a few WooCommerce products to your store so the shop and product sections have content to display. I also recommend adding a few blog posts so the blog sections do not appear empty.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Set up the shop filter<\/h2>\n\n\n\n<p>The Sundaze shop page includes an off-canvas filter area. To use it, we first need to create a widget area for the WooCommerce filters.<\/p>\n\n\n\n<p>Go to <strong>Appearance &gt; Widgets<\/strong>.<\/p>\n\n\n\n<p>Scroll down and create a new widget area.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"194\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-a-new-widget.jpg\" alt=\"\" class=\"wp-image-79849\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-a-new-widget.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-a-new-widget-480x137.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>After creating the widget area, refresh the page. Your new widget area should now be available.<\/p>\n\n\n\n<p>Add the WooCommerce product filters to this new sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"427\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/product-filters.jpg\" alt=\"\" class=\"wp-image-79850\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/product-filters.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/product-filters-480x301.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>You can use the individual widget styling options to customize the appearance of the filters.<\/p>\n\n\n\n<p>Below the product filters, I also added an H3 heading and the WooCommerce review widget.<\/p>\n\n\n\n<p>For the review widget, I used the styling shown in the image below. Make sure you also add the following CSS class: <strong>sundaze-review-widget<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"426\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/review-widget.jpg\" alt=\"\" class=\"wp-image-79851\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/review-widget.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/review-widget-480x301.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Once the sidebar is ready, we need to assign it to the Sundaze shop filter.<\/p>\n\n\n\n<p>Go to <strong>Divi &gt; Theme Builder<\/strong> and open the Shop template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"641\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/shop-template.jpg\" alt=\"\" class=\"wp-image-79853\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/shop-template.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/shop-template-480x452.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Open the <strong>Main Canvas<\/strong> and then open the <strong>Filter Menu Canvas<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"422\" height=\"279\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas.jpg\" alt=\"\" class=\"wp-image-79854\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas.jpg 422w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-300x198.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-380x251.jpg 380w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/figure>\n\n\n\n<p>The filter area may look empty because the sidebar is hidden by default. Switch to <strong>Wireframe View<\/strong>, open the Sidebar module, and under <strong>Widget Area<\/strong> select the filter widget area you created earlier.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"226\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/assign-filter.jpg\" alt=\"\" class=\"wp-image-79855\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/assign-filter.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/assign-filter-480x160.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Next, go back to the <strong>Main Canvas<\/strong> and open the <strong>Filter Canvas<\/strong> settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"376\" height=\"202\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-settings.jpg\" alt=\"\" class=\"wp-image-79857\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-settings.jpg 376w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-settings-300x161.jpg 300w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/figure>\n\n\n\n<p>Find the <strong>Z Index<\/strong> option and set it to <strong>999<\/strong>. This makes sure the filter canvas appears above the rest of the page content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"491\" height=\"471\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-z-index.jpg\" alt=\"\" class=\"wp-image-79858\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-z-index.jpg 491w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-canvas-z-index-480x460.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 491px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Apply the Divi 5 product filter fix<\/h3>\n\n\n\n<p>The WooCommerce category product filter used in this layout does not currently work correctly with Divi 5. Fortunately, the Sundaze download includes a small fix.<\/p>\n\n\n\n<p>To add the fix safely, we will use the free Code Snippets plugin.<\/p>\n\n\n\n<p>Go to <strong>Plugins &gt; Add Plugin<\/strong> and search for <strong>Code Snippets<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"364\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/Code-snippets.jpg\" alt=\"\" class=\"wp-image-79860\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/Code-snippets.jpg 566w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/Code-snippets-480x309.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 566px, 100vw\" \/><\/figure>\n\n\n\n<p>Install and activate the plugin.<\/p>\n\n\n\n<p>Next, go to <strong>Snippets &gt; Import<\/strong>.<\/p>\n\n\n\n<p>Import the <strong>fix-for-divi&#8212;woocommerce-categories.code-snippets.json<\/strong> file included with the Sundaze layout pack.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"391\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-fix.jpg\" alt=\"\" class=\"wp-image-79862\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-fix.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/filter-fix-480x276.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>After importing the snippet, go to <strong>Snippets &gt; All Snippets<\/strong> and activate the fix.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"445\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/enable-code-snippet.jpg\" alt=\"\" class=\"wp-image-79864\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/enable-code-snippet.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/enable-code-snippet-480x314.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5: Install DrawerCart Lite<\/h2>\n\n\n\n<p>The final step is to install <strong>DrawerCart Lite<\/strong>, the free WooCommerce cart drawer plugin I created and used in the Sundaze demo.<\/p>\n\n\n\n<p>Go to <strong>Plugins &gt; Add Plugin<\/strong>.<\/p>\n\n\n\n<p>Search for <strong>StoreFlow DrawerCart for WooCommerce<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"371\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/StoreFlow-DrawerCart-for-WooCommerce.jpg\" alt=\"StoreFlow DrawerCart for WooCommerce\" class=\"wp-image-79866\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/StoreFlow-DrawerCart-for-WooCommerce.jpg 571w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/StoreFlow-DrawerCart-for-WooCommerce-480x312.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 571px, 100vw\" \/><\/figure>\n\n\n\n<p>Install and activate the plugin.<\/p>\n\n\n\n<p>Go to <strong>DrawerCart<\/strong> and select the <strong>Fresh Checkout<\/strong> preset. This will give you a good starting point for matching the Sundaze demo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"336\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/choose-fresh-preset.jpg\" alt=\"Choose the fresh checkout preset\" class=\"wp-image-79868\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/choose-fresh-preset.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/choose-fresh-preset-480x237.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Set up the menu cart trigger<\/h3>\n\n\n\n<p>Go to <strong>DrawerCart &gt; General &gt; Menu Trigger<\/strong>.<\/p>\n\n\n\n<p>Copy the Menu Trigger ID.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"354\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/menu-trigger.jpg\" alt=\"\" class=\"wp-image-79870\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/menu-trigger.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/menu-trigger-480x250.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Next, go to <strong>Appearance &gt; Menus<\/strong>.<\/p>\n\n\n\n<p>Create a new <strong>Custom Link<\/strong>.<\/p>\n\n\n\n<p>Enter <strong>Cart<\/strong> as the link text and paste the Menu Trigger ID into the URL field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"436\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-cart-trigger.jpg\" alt=\"\" class=\"wp-image-79871\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-cart-trigger.jpg 476w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-cart-trigger-300x275.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/create-cart-trigger-380x348.jpg 380w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure>\n\n\n\n<p>Add this new Cart item to your main menu and save the menu.<\/p>\n\n\n\n<p>Now go back to <strong>DrawerCart &gt; General &gt; Menu Trigger<\/strong>.<\/p>\n\n\n\n<p>To match the Sundaze demo, open the <strong>Display<\/strong> settings and disable <strong>Show Text<\/strong>.<\/p>\n\n\n\n<p>Then configure the <strong>Count Badge<\/strong> using the settings shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"453\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/count-badge.jpg\" alt=\"\" class=\"wp-image-79872\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/count-badge.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/count-badge-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>After these changes, your cart trigger should look similar to the Sundaze demo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"230\" height=\"63\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/menu-trigger-in-menu.jpg\" alt=\"\" class=\"wp-image-79883\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Set up the free shipping reward<\/h3>\n\n\n\n<p>The Sundaze demo also uses DrawerCart&#8217;s free shipping reward. Before configuring the reward in DrawerCart, we first need to set up free shipping in WooCommerce.<\/p>\n\n\n\n<p>Go to <strong>WooCommerce &gt; Settings &gt; Shipping<\/strong>.<\/p>\n\n\n\n<p>Add a shipping method and choose <strong>Flat Rate<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"325\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/flat-rate.jpg\" alt=\"\" class=\"wp-image-79873\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/flat-rate.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/flat-rate-480x229.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>On the next screen, enter the regular shipping price you want to charge.<\/p>\n\n\n\n<p>Then add another shipping method and choose <strong>Free Shipping<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"540\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/free-shipping.jpg\" alt=\"\" class=\"wp-image-79874\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/free-shipping.jpg 602w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/free-shipping-480x431.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 602px, 100vw\" \/><\/figure>\n\n\n\n<p>For the Sundaze demo, I set the minimum order amount for free shipping to <strong>$100<\/strong>.<\/p>\n\n\n\n<p>Go back to the WooCommerce shipping settings and enable <strong>Hide shipping rates when free shipping is available<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/hide-shipping-rates-1024x566.jpg\" alt=\"\" class=\"wp-image-79878\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/hide-shipping-rates-1024x566.jpg 1024w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/hide-shipping-rates-980x542.jpg 980w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/hide-shipping-rates-480x266.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p>Now go to <strong>DrawerCart &gt; Rewards &gt; Milestone<\/strong>.<\/p>\n\n\n\n<p>Set the reward threshold to the same amount as your WooCommerce free shipping minimum. In this example, that is <strong>$100<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"431\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/milestone-reward.jpg\" alt=\"\" class=\"wp-image-79875\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/milestone-reward.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/milestone-reward-480x304.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>When the cart total is below the threshold, DrawerCart will show customers how much more they need to spend to unlock free shipping.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"721\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/drawercart-1.jpg\" alt=\"\" class=\"wp-image-79880\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/drawercart-1.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/drawercart-1-480x509.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<p>Once the threshold has been reached, the message changes to let the customer know that free shipping has been unlocked.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"721\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/drawercart-2.jpg\" alt=\"\" class=\"wp-image-79881\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/drawercart-2.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/drawercart-2-480x509.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 680px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sundaze is ready to customize<\/h2>\n\n\n\n<p>That\u2019s it. Your Sundaze layout pack should now be installed, your pages and shop filters should be working, and DrawerCart Lite should be configured to match the demo.<\/p>\n\n\n\n<p>From here, you can replace the demo content with your own products, images, colors, and branding and turn Sundaze into your own WooCommerce store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Looking for a free Divi 5 WooCommerce layout pack to kick-start your next online store? Sundaze is a modern eCommerce layout pack designed for fashion, clothing, and lifestyle websites. The pack includes the essential pages and WooCommerce templates you need to build a complete store with Divi 5. You can use the layouts as they [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":79887,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-79829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-divi-layout-packs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Free Divi 5 WooCommerce Layout Pack \u2013 Sundaze<\/title>\n<meta name=\"description\" content=\"Download Sundaze, a free Divi 5 WooCommerce layout pack for fashion and lifestyle stores. Includes shop, product, blog, and essential website layouts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free Divi 5 WooCommerce Layout Pack \u2013 Sundaze\" \/>\n<meta property=\"og:description\" content=\"Download Sundaze, a free Divi 5 WooCommerce layout pack for fashion and lifestyle stores. Includes shop, product, blog, and essential website layouts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-22T09:45:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-22T09:50:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"Sundaze \u2013 Free Divi 5 WooCommerce Layout Pack\",\"datePublished\":\"2026-09-22T09:45:20+00:00\",\"dateModified\":\"2026-09-22T09:50:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\"},\"wordCount\":1415,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg\",\"articleSection\":[\"Free Divi Layouts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\",\"url\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\",\"name\":\"Free Divi 5 WooCommerce Layout Pack \u2013 Sundaze\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg\",\"datePublished\":\"2026-09-22T09:45:20+00:00\",\"dateModified\":\"2026-09-22T09:50:29+00:00\",\"description\":\"Download Sundaze, a free Divi 5 WooCommerce layout pack for fashion and lifestyle stores. Includes shop, product, blog, and essential website layouts.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg\",\"width\":720,\"height\":400,\"caption\":\"Sundaze free Divi 5 layout pack for WooCommerce websites\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free Divi Layouts\",\"item\":\"https:\/\/www.markhendriksen.com\/free-divi-layout-packs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sundaze \u2013 Free Divi 5 WooCommerce Layout Pack\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free Divi 5 WooCommerce Layout Pack \u2013 Sundaze","description":"Download Sundaze, a free Divi 5 WooCommerce layout pack for fashion and lifestyle stores. Includes shop, product, blog, and essential website layouts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/","og_locale":"en_US","og_type":"article","og_title":"Free Divi 5 WooCommerce Layout Pack \u2013 Sundaze","og_description":"Download Sundaze, a free Divi 5 WooCommerce layout pack for fashion and lifestyle stores. Includes shop, product, blog, and essential website layouts.","og_url":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2026-09-22T09:45:20+00:00","article_modified_time":"2026-09-22T09:50:29+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"Sundaze \u2013 Free Divi 5 WooCommerce Layout Pack","datePublished":"2026-09-22T09:45:20+00:00","dateModified":"2026-09-22T09:50:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/"},"wordCount":1415,"commentCount":0,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg","articleSection":["Free Divi Layouts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/","url":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/","name":"Free Divi 5 WooCommerce Layout Pack \u2013 Sundaze","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg","datePublished":"2026-09-22T09:45:20+00:00","dateModified":"2026-09-22T09:50:29+00:00","description":"Download Sundaze, a free Divi 5 WooCommerce layout pack for fashion and lifestyle stores. Includes shop, product, blog, and essential website layouts.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2026\/09\/sundaze-free-divi-layout-pack-1.jpg","width":720,"height":400,"caption":"Sundaze free Divi 5 layout pack for WooCommerce websites"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/free-divi-5-woocommerce-layout-pack-sundaze\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Free Divi Layouts","item":"https:\/\/www.markhendriksen.com\/free-divi-layout-packs\/"},{"@type":"ListItem","position":3,"name":"Sundaze \u2013 Free Divi 5 WooCommerce Layout Pack"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/79829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=79829"}],"version-history":[{"count":30,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/79829\/revisions"}],"predecessor-version":[{"id":79894,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/79829\/revisions\/79894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/79887"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=79829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=79829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=79829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}