A store style is an integral component of any ecommerce internet site. It is in which your merchandise are displayed and in which clients can browse and buy them. If you are utilizing WordPress to energy your on the internet shop, then there is a very good likelihood you are utilizing WooCommerce as your ecommerce platform. WooCommerce is the most well-liked ecommerce plugin for WordPress, and it truly is utilized by hundreds of thousands of on the internet shops close to the globe.
If you are utilizing WooCommerce, then you can very easily develop a store webpage utilizing Breakdance Builder. Breakdance enables you to seamlessly integrate WooCommerce with WordPress, and it offers a potent drag-and-drop builder that can make it effortless to develop customized pages for your WooCommerce shop. In this write-up, we’ll demonstrate you how to develop a WooCommerce Store webpage utilizing Breakdance Builder.
Overview
Just before we get began, you will need to have to have the following factors:
- A WordPress web site
- Breakdance Builder put in and activated on your WordPress web site
Set up WooCommerce in WordPress
To set up WooCommerce, log into your WordPress dashboard and navigate to Plugins > Include New. In the search discipline, sort “WooCommerce” and hit enter. The initial outcome need to be the WooCommerce plugin by Automattic. Click on the “Set up Now” button and activate the plugin when it truly is put in.
When WooCommerce is activated, you will be redirected to the WooCommerce setup wizard. This wizard will stroll you via the procedure of setting up your WooCommerce shop.
WooCommerce Setup Wizard
Setting up WooCommerce is a relatively simple procedure. The wizard goes via five pages of: Keep Particulars, Sector, Item Varieties, Enterprise Particulars, and theme. Fill out these pages accordingly and click on the “Proceed” button at the bottom of every webpage.
On the last webpage of the setup wizard, you will be asked to decide on a theme for your WooCommerce shop. You can both use a single of the default WordPress themes or a WooCommerce-particular theme. We advise utilizing the at present lively theme (Breakdance Zero Theme) because we’ll be customizing the store webpage utilizing Breakdance Builder.
When you have chosen a theme, click on the “Finish” button and you will be redirected to the WooCommerce dashboard.
Include Item to WooCommerce
Just before we can develop a store webpage, we need to have to include some merchandise to our WooCommerce shop. To do that, log into your WordPress dashboard and navigate to WooCommerce > Items. On the merchandise webpage, you will see a “Include solution” button. Click on that button and you will be taken to the solution editor display.
In the solution editor, you will need to have to include a title and description for your solution. You can also include pictures, movies, and other media to your solution. When you are completed, click on the “Publish” button to publish your solution.
Repeat this procedure for every of the merchandise you want to include to your WooCommerce shop.
Customize WooCommerce Store Web page Employing Breakdance
Now that we have our WooCommerce shop set up and we have extra some merchandise, it truly is time to develop our store webpage. We have two choices when creating our webpage, we can use the default WooCommerce store webpage template or we can develop a customized WooCommerce template.
The default Breakdance WooCommerce store webpage performs extremely effectively to style our webpage but limits your layout. If we want to management the layout as effectively, it would make much more sense to develop a customized store webpage.
If you navigate to your internet site pages, you need to see that WooCommerce has currently produced a store webpage for you. Breakdance has an remarkable store layout immediately produced for you. At the prime of your webpage navigate to:
Breakdance -> International Designs
You can edit variations dwell in the fashion builder. At the bottom of International Settings you will see choices to edit typography, colours, spacings, shadows, and much more. Since of this, it truly is not truly required to develop a customized WooCommerce store template if you want to customize style, because you can do that all appropriate right here.
Develop Customized WooCommerce Store Templates in Breakdance
If you are not happy with the default WooCommerce store webpage template or you want much more management in excess of the layout, you can develop a customized WooCommerce store template in Breakdance. To develop a customized WooCommerce store webpage, log into your WordPress dashboard and navigate to
Breakdance -> Templates
On the templates webpage, you will see 3 choices for WooCommerce customization:
- Single Item
- Store Web page & All Item Archives
- Distinct Item Archive
We’re going to go in excess of the initial two choices because they are the most related for generating a store webpage.
Single Item
This template is utilized to customize the layout and style of an person solution webpage. If you want to modify the way your merchandise seem on an person basis, then this is the template you will want to use.
The positive aspects of generating a solution webpage this way is you can disable upsells and relevant merchandise under the solution block.
Store Web page & All Item Archives
This template is utilized to customize the layout and style of your store webpage and all other solution archive pages. If you want to modify the way your merchandise seem on your store webpage, then this is the template you will want to use.
When generating this template, include a Item Record block to the webpage. This block is wonderful to very easily customize what sort of solution lists you want displayed. You could query or manually decide on merchandise and to include to a show listing. We have extra columns and inserted a Store Filters widget for more interactivity.
Conclusion
Your on the internet store need to not just be effortless to setup, but also effortless to style. Thanks to Breakdance, you can develop a gorgeous WooCommerce store webpage with no obtaining to create any code. You also have total management in excess of the layout of your merchandise and can very easily customize the seem and truly feel of your store. Combining the potent customization of Breakdance with WooCommerce offers you the greatest on the internet offering platform.
Your on the internet store is now dwell! You need to have a simple knowing of how to set up and customize a WooCommerce store webpage in Breakdance. If you have any inquiries or need to have aid, depart a comment under. Excellent luck with your on the internet store!
