The Divi Shop module allows you to display the products in lots of different ways but it doesn’t let you display the Categories.

 

To do this add the Woo Category shortcode [product_categories] to a Code module. You will get this…

 

I have added the following CSS to the page style sheets to center the text, enlarge it and remove the product count.

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1.5em;
text-align: center;}

mark.count {
display: none;
}

 

We used CSS styles and shortcode for Woo Commerce on the following sites:

Securitech

Looking to get your business seen? Then see us.

Web Site Developer Auckland | North Shore | Matakana | Warkworth | Omaha

Call 021 158 1400 for Web Design North Shore, Auckland

Share This