- #PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE HOW TO#
- #PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE INSTALL#
- #PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE ARCHIVE#
- #PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE PLUS#
To set the alignment of the text (product title, product price, and so on), you can open the Text block. You can also apply CSS filters if you want it. From this block, you can set things like border radius of the thumbnail, border width, border type, and border color. To style up the product thumbnail, you can open the Image block. To style up the elements of the Shop module (product thumbnail, product title, product price, and so on), you can open the Design tab on the settings panel. Simply toggle the Show Pagination option to enable the pagination. To enable the pagination, you can open the Elements block. To set the number of columns, you can click the dropdown menu on the Column Layout option. To set the number of products per page, you can enter the number you want on the Product Count option.
You can change it from the Product View Type option on the Content block under the Content tab. The module to display the WooCommerce products itself is Shop.īy default, the Shop module displays the products by ordering and name. We use the single-column structure in this example. You can select any column structure according to the concept of the product category page design you want to create. You need to create the template from scratch as Divi Builder offers no premade template dedicated to custom product category page. On the appearing dialog, select the Start Building option. Since we want to create a custom product category page template for the entire categories, we select the first option.Ĭlick Add Custom Body and select Build Custom Body. If you want to create a custom product category page template for a specific category only, you can select the Specific Category Pages option.
#PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE ARCHIVE#
To create a custom product category page template for the entire categories, you can select the All Product Category Pages option on the Archive Pages section.
#PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE PLUS#
On the theme builder dashboard, click the plus button to create a new custom template. We just want to show you the route.įirst, go to Divi -> Theme Builder on your WordPress dashboard. We will create a very simple custom category page template in this example.
#PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE HOW TO#
In this article, we will show you how to create a custom product category page template for the entire product categories. Divi Builder itself allows you to create a custom category page template for the entire categories or specific categories. It would be great if you already have some products uploaded to your online store. How to Create a Custom WooCommerce Product Category Page in Divi Builderīefore getting started, make sure you have installed and activated both Divi Builder and WooCommerce on your WordPress site.
#PRODUCT BUILDER STYLE PRODUCT PAGE WOOCOMMERCE INSTALL#
Divi Builder is especially a great page builder for agencies for one main reason: its license allows you to install Divi Builder on as many websites as you want. You can install it on any WordPress theme. It’s a premium WordPress page builder plugin developed by Elegant Themes. We will cover it shortly in this article. Divi Builder comes with a feature that you can use to do so. If you don’t like the default appearance of the product category pages offered by the theme you use, you can create a custom template to replace it.
In WooCommerce itself, the appearance of product category pages is controlled by a template on the theme you use. If you have a large e-commerce website that sells a wide range of product types, grouping your products into categories is crucial as it makes it easier for your aspiring buyers to browse the products they need. Just like regular WordPress blog posts, you can also group your WooCommerce products into categories.
0 kommentar(er)
