How to create a Shop page?

You are here:

How to create a Shop page?


With version 25, we have added the woo builder. This is nothing but the Codibu Builder with elements prepared specially for WooCommerce. You can use it as a frontend or backend editor, just like for any other page or post.

A shop page can be created in 2 ways. The first way is the easiest and fastest method, but without the additional possibilities offered by the WooBuilder. All you have to do is create the Shop page without any content and in CodibuTheme > Theme Options > Blog, Portfolio & Shop > Shop > Layout section, just set things like products per page & layout. The products will display automatically due to the Shop page being set in WooCommerce > Settings > Products



woocommerce setting up the shop page

The second method gives you much more control over the creation of your shop page. In order to create your own shop page, go to the Templates > Shop archive section and click Add new button to start creating custom template.



templates - shop archive

At this point, you can decide if you want to build the website with the Live Builder or backend editor. Of course, you can switch between them at any time.

Apart from the Elements available for building standard pages, for creating the Shop page, we have added three extra items: Shop categories, Shop products, and Shop title. These items are marked with the woo sign in the upper right corner of the item.



shop page builder

When you are done building your custom Shop page, before its update, the popup with Conditions will appear. You can choose where you would like this custom template to appear in this step. You can include & exclude whole pages, product categories, or tags. Thanks to this, you can set different templates for different store pages.



display conditions shop page



Was this article helpful?
Dislike 0
Views: 16