--- title: How to Import Breakdance Woocommerce Layouts Pack With Plugin Base (Easy Way) description: "### Read below documentations [How to Download Our Product?](https://pixelslibraryplus.com/docs/how-to-download-our-product/) [Downloaded Product Folder Structure](https://pixelslibraryplus.com/docs/downloaded-product-folder-structure/) ### Most Important [Breakdance Builder Premium Plugin is required for Pixels Library Plus and How to install Breakdance Plugin](https://pixelslibraryplus.com/docs/breakdance-builder-premium-plugin-is-required-for-pixels-library-plus-and-how-to-install-breakdance-plugin/) ### See Plugin Base Layout Product Folder Structure…" url: "https://pixelslibraryplus.com/docs/how-to-import-breakdance-woocommerce-layouts-pack-with-plugin-base-easy-way/" updated: "2025-11-30" category: Plugin Base Breakdance Layouts Pack --- # How to Import Breakdance Woocommerce Layouts Pack With Plugin Base (Easy Way) ### Read below documentations [How to Download Our Product?](https://pixelslibraryplus.com/docs/how-to-download-our-product/) [Downloaded Product Folder Structure](https://pixelslibraryplus.com/docs/downloaded-product-folder-structure/) ### Most Important [Breakdance Builder Premium Plugin is required for Pixels Library Plus and How to install Breakdance Plugin](https://pixelslibraryplus.com/docs/breakdance-builder-premium-plugin-is-required-for-pixels-library-plus-and-how-to-install-breakdance-plugin/) ### See Plugin Base Layout Product Folder Structure **Go to "Breakdance Woocommerce Layouts Pack" Folder and once you click on that folder see below** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-11.png) **Go to "Plugin Base Woo Layouts Pack" Folder and once you click on that folder see below** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-12.png) **Go to "Breakdance Minimal Shop Layouts Pack" Folder and once you click on that folder see below** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-13.png) **For example** I want to import "Breakdance Minimal Shop Layouts Pack" ## Import any Woo Plugin Base Layouts Pack within 15 min **Step 1 ** Go to **"Breakdance Minimal Shop Layouts Pack"** **Folder** and see **"XML Files" Folder** ![Breakdance Templates](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-13.png) Once you open XML Files Folder you can see "minimal-shop-layouts-pack " folder and open that folder and you can see below files ![Breakdance Templates](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-56.png) **Step 2** Go to **Dashboard > Breakdance > Settings and click on "Theme"** So just select **" Disable Theme"** option to Disable Theme and click on **"Save Changes"** Button ![breakdanceprofessional](https://pixelslibraryplus.com/wp-content/uploads/2024/01/breakdanceprofessional-disable-theme.png) **Step 3** Go to **Dashboard > Breakdance > Settings and click on "License"** So please add your License of [Breakdance](https://breakdance.com/portal/licenses/) Purchase and click on **"Save Changes"** Button ![breakdanceprofessional](https://pixelslibraryplus.com/wp-content/uploads/2024/01/breakdanceprofessional-license.png) **Step 4** ### Most Important Step **Install Woocommerce Plugin.** **SEE [https://wordpress.org/plugins/woocommerce/](https://wordpress.org/plugins/woocommerce/)** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-1.png) ![Breakdance Layout](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-1.png) **After Install Woocommerce Plugin Set below permalink** ![Breakdance Layout](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-2.png) **Go to Dashboard > Pages -> Remove All Woocommerce Pages [Shop,Cart,Checkout,My Account]** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-8.png) Make Shop Live ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-10.png) ### Most Important Step - Install other plugins SEE **"How to install plugin base layout pack"** Folder and check file **"How to install plugin base layout pack.txt"** ![](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-13.png) 1. You must first install and activate "WooCommerce" Plugin Install "FiboSearch - AJAX Search for WooCommerce" Plugin and activate that plugin Plugin Link : [https://wordpress.org/plugins/ajax-search-for-woocommerce/](https://wordpress.org/plugins/ajax-search-for-woocommerce/) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-3.png) 2.Install "Advanced AJAX Product Filters" Plugin and activate that plugin Plugin Link : [https://wordpress.org/plugins/woocommerce-ajax-filters/](https://wordpress.org/plugins/woocommerce-ajax-filters/) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-2.png) 3.Install "MC Woocommerce Wishlist" Plugin and activate that plugin Plugin Link : [https://wordpress.org/plugins/smart-wishlist-for-more-convert/](https://wordpress.org/plugins/smart-wishlist-for-more-convert/) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-4.png) 4.Install "Variation Swatches for WooCommerce" Plugin and activate that plugin Plugin Link : [https://wordpress.org/plugins/woo-variation-swatches/](https://wordpress.org/plugins/woo-variation-swatches/) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-5.png) 5.Install "YITH WooCommerce Quick View" Plugin and activate that plugin Plugin Link : [https://wordpress.org/plugins/yith-woocommerce-quick-view/](https://wordpress.org/plugins/yith-woocommerce-quick-view/) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-6.png) SEE All Installed Plugins ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-7.png) Go to **Dashboard > Tools >Import -> Wordpress -> Install Now** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flooring-Services-Import-1.png) After Install Click on **"Run Importer"** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flooring-Services-Import-2.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flooring-Services-Import-3.png) Now Select file "minimal-shop-layouts-pack.xml"  [ **Folder Path- Plugin Base Woo Layouts Pack - Breakdance Minimal Shop Layouts Pack - XML Files - minimal-shop-layouts-pack ]** and Click on Upload Button ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-16.png) Click On **"Submit"** Button ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-17.png) **Now Data is Imported.** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-18.png) You can see all pages ![](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-19.png) **Step 5** ### **This is most important Steps to just import breakdance global settings using "minimal-shop-layouts-pack.json" file ** [ Folder Path - Plugin Base Woo Layouts Pack - Breakdance Minimal Shop Layouts Pack- XML Files - minimal-shop-layouts-pack ] Go to Breakdance -> Settings -> Tools -> Import Settings -> Select File (minimal-shop-layouts-pack.json) -> Click on "Upload Export JSON File" Button ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-23.png) Another **Most Important Step** Please Don't Forget to **Regenerate CSS Cache** You can see json file is imported now click on **"Regenerate CSS Cache"** Button ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-8.png) You can see cache is created ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flooring-Services-Import-10.png) **Set Home Page and  Woocommerce Pages** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-22.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-20.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-21.png) Site is created successfully. Check on Browser view ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-55.png) **Step 6** Now Import Wishlist Plugin Data Go to MC Wishlist -> Global -> Functions -> Import & Export ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-25.png) Select and Upload "MC Wishlist.json" File [  **Folder Path- Plugin Base Woo Layouts Pack - Breakdance Minimal Shop Layouts Pack ]** After select file click on "import" button.once data is imported please click on "Save Settings  Button ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-27.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-26.png) **Step 7** Now Need to set Product Sidebar Filter [https://bdlayoutsplus.com/breakdance-minimal-shop-layouts-pack/shop/](https://bdlayoutsplus.com/breakdance-minimal-shop-layouts-pack/shop/) **This is "Advanced AJAX Product Filters" Plugin settings** **Go to BeRocket  -> Filters** Here Filters is already imported but that widget data is missing so we need to edit and do some settings. ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-31.png) ** See "Clear Filters" and click on "Edit" Link** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-32.png) **After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-33.png) ** See "Product Tags" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-34.png) ** See "Filter By Size" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-35.png) ** See "Filter By Color" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-36.png) ** See "Filter By Brands" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-37.png) ** See "Filter By Rating" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-38.png) ** See "Filter By Price" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-39.png) **See "Filter By Category" and click on "Edit" Link.After click on edit please do settings as per below image** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-40.png) **Go to BeRocket  -> Groups** Click on Edit Link ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-41.png) Now check dropdown and add all filters which we created ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-42.png) You can see we have added all filters ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-43.png) Now on shop page filter is displayed ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-44.png) **Step 8** **Purpose of used "FiboSearch - AJAX Search for WooCommerce" Plugin** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-45.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-46.png) **Purpose of used "Variation Swatches for WooCommerce" Plugin** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-47.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-48.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-49.png) **Purpose of used "YITH WooCommerce Quick View" Plugin** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-50.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-51.png) **Purpose of used "MC Woocommerce Wishlist" Plugin** ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-52.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-53.png) ![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-54.png)   #### FAQ ### ![](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-28.png) ### ![](https://pixelslibraryplus.com/wp-content/uploads/2024/10/Woo-Plugin-29.png) If you have any query then please [Contact Us](https://pixelslibraryplus.com/contact-us/)