How to create a Single Product layout?

You are here:

How to create a Single Product layout?

With version 25, we have added the. 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 while creating any other page or post.

Like the Shop page, the Single Product layout can be created in 2 ways. The faster and easier way is to set one of the pre-defined layouts and configure a few options like gallery style or thumbnail position in CodibuTheme > Theme Options > Blog, Portfolio & Shop > Shop > Single Product section.

 

 

single-product-woocommerce

The second method gives you much more control over creating your Single Product page. To create your product page, go to the Templates > Single product section and click Add new button to start creating a custom template.

 

 

templates - single product

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 available building standard pages and creating the Single Product page, we have added 13 extra items. These items are marked with the woo sign in the upper right corner of the item.

 

 

single product template

When you are done building your custom Single Product 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 single products.

 

 

display conditions shop page

 

 

Was this article helpful?
Dislike 0
Views: 13