---
title: How to Import Breakdance Woocommerce Layouts Pack (Easy Way)
description: "### Read below documentations to get layout url [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/) **For example** I want…"
url: "https://pixelslibraryplus.com/docs/how-to-import-breakdance-woocommerce-layouts-pack-easy-way/"
updated: "2025-05-28"
category: "Breakdance Woocommerce Layouts Pack [ For Full Woo Website ]"
---

# How to Import Breakdance Woocommerce Layouts Pack (Easy Way)

### Read below documentations to get layout url

[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/)

**For example**

I want to import "Breakdance Flower Shop Layouts Pack"

 

## Import any Layouts Pack within 10 min

  **Step 1 ** Go to **"Breakdance Woocommerce Layouts Pack"** **Folder** and see **"XML Files" Folder** ![Breakdance Layout](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-Folder-1.png) Once you open XML Files Folder you can see "**flowershop Folder** " and open that folder ![Breakdance Layout](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-Folder-2.png) Once you open "**flowershop Folder** " you can see below files ![Breakdance Layout](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-Folder-3.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 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 Layout](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-3.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 "flowershop-layoutspack.xml"  [ **Folder Path- Breakdance Woocommerce Layouts Pack\XML Files\flowershop** ] and Click on Upload Button

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-4.png)

Click On **"Submit"** Button

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-5.png)

**Now Data is Imported.**

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-6.png)

You can see all pages

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-10.png)  

**Step 5**

### **This is most important Steps to just import breakdance global settings using "flowershop.json" file**

Go to Breakdance -> Settings -> Tools -> Import Settings -> Select File (flowershop.json) -> Click on "Upload Export JSON File" Button

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-7.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**

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-9.png)

 

Site is created successfully. Check on Browser view

 

![Breakdance Template](https://pixelslibraryplus.com/wp-content/uploads/2024/02/Flower-Shop-Woocommerce-Layouts-Pack-11.png)