THIS ARTICLE RELATES ONLY TO DIVI SHOP MODULE AND THE PRODUCT FILTER. IF YOU USE REGULAR SHOP PAGE, OR WOOCOMMERCE SHORTCODES YOU’RE FINE!
Divi is in our opinion one of those themes that are not in truth plugin friendly and has a lot to go to improve in that area. Check what a “Shop Module” really is here https://pasteboard.co/J4HEVwr.png So, you will see a lot of codes that make your website slow, and then at the end, they output the same shortcode WooCommerce provides for you which can be also entered in a text field.
Here’s the read on WooCommerce Products Shortcode → LINK
Furthermore, our Product Filter uses WordPress extendibility to add parameters to these WooCommerce Product Shortcodes which would activate the filters inside it.
We’ve added these parameters to the WooCommerce Products Shortcode → LINK
If we could, we would have added these parameters to the Shop Module too, but the authors of Divi didn’t foresee such programming methods, which is a bit disappointing, and our hands are tied.
So, the bottom line is, just use a Shortcode/Text element and input this shortcode to get the filter on top.
If you’re using a widget, to make that widget filter active in the shortcode add use it like so.
That will work the same way, except it will be faster and you will not be forced to use poor and unnecessary code imposed by one theme. Thank you for understanding!