Woo Products Module Responsive Product Count Feature Overview
Why Do We Need This
The Divi Woo Products module (former called the Shop module) has a setting to enter the desired number of products to show. However, this is very limited because it does not have responsive settings, meaning the number of products that looks good on desktop will get super long on phones, and this is not a good user experience. It would be great to have responsive options for this, which is exactly what our plugin provides!
What This Feature Does
The Divi Responsive Helper plugin includes a responsive icon and tabs inside the existing Woo Products module Product Count setting which allows you to enter the number of products you want to display on Desktop, Tablet, and Phone devices.
How To Use The Woo Products Module Responsive Project Count Feature
1. Enable The Feature In Theme Options
To begin using the Woo Products module product count feature, go to the Divi>Theme Options. There you will see a new tab that our plugin adds called “Divi Responsive Helper.” Once you click on that, you will see more tabs. Click on the “Miscellaneous” tab, then you will see the “Woo Products Module Project Count” setting. Enabling this toggle activates the additional settings located in the Content tab of the Divi Woo Products module settings for choosing the number of products to show on each device.
2. Enter The Product Count In The Woo Products Module
Once the Woo Products Module Project Count setting is enabled in Divi Theme Options, a new responsive icon will appear in the Product Count setting in every Woo Products Module in the Divi Builder.
- Open up the Woo Products Module Settings by clicking the gear icon.
- Go to the Content tab.
- Open the Content Toggle.
- Hover over the Product Count setting and click the responsive phone icon.
- Enter the desired number in Product Count for Desktop, a number for Tablet, and another number for Phone.
View Live Demo Of The Divi Woo Products Module Product Count Feature
We have a full demo site where you can view the Woo Products module set to a different number of products for each device.