Listing Category: WooCommerce

Editing Button Text Color in WooCommerce on Divi

The Divi button style editor seems to miss a few of the text colors in woocommerce. Text within my woocommerce buttons was appearing blue. I was unable to find…

Personalise the archive pages on Woocommerce product category pages

Some of you are aware that I LOVE Divi Theme from Elegant Themes but one of the things that has been frustrating me is not being able to personalise the archive pages on my Woocommerce product category pages. Well I solved it with no plugins pieced together from bits all over the web. So how did I do it?

Turn any Divi button into an Add to Cart button

I am trying to put an Add-to-cart button in the main Divi slider. Now Divi slider only gives an option to input a URL for the default slider button. But i was wondering is there a way to modify that button and convert it into a WooCommerce AddtoCart button?

Create An eCommerce Website With Divi Theme

cover most of the woocommerce settings for you first timers …

How to Create a Custom End Point or a Private Page for Customers

Yesterday a friend on an FB group asked if he could build a private page with videos only for his customers. It means only the customers will have access to that page. There are many membership plugins out there which may do this easily. However, if you don’t want to add one more plugin for this task, you can read on. In this snippet, I…

How to hide duplicated shop items on the woocommerce shop page

Add the following code to the very top of the Custom CSS field in ePanel…

Adding the cart button to your Divi shop pages

Someone from FB group asked about the ‘Add to Cart’ button on the Divi/WooCommerce shop page. When adding the Divi Shop Module to a page via the Page Builder, the list of products on that page does not include an ‘Add to Cart’ button. The idea being that the user should first view the product before adding it to their cart…

Display the product short description under the product title

I’m using the shop module for my homepage to display products from a certain category. I realised that the default product details are only the product title and price. I would like to display the product short description under the product title as well. I believe this requires some custom coding. Can anyone point me to which file should I be looking to edit?

Divi Builder on Custom Post Types

Yes, it is possible to use the DIVI Builder also on all kind of custom post types as Events like All-in-One Event Calendar or Product pages from e.g. WooCommerce…

Woocommerce: Show 4 Products per Row in Divi

When you set up WooCommerce with the Divi Theme, you’ll find it creates you a page for your store. After adding some products, you’ll find that your store has a 3 column layout, like so: If you’d prefer to have four items per row, you can add the following CSS (e.g. in the “Divi > Theme Options > General Settings > Custom CSS” box): .woocommerce ul.products li.product { width: 21% !important; margin: 2% !important; clear: none !important; } .woocommerce ul.products li.product:nth-child(4n+1) { clear: both !important; } Now your store will look something like…



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!