fbpx
🤝  NEW YEAR SALE RETURNS - 50% OFF all plans! 🤝 Grab it Now

Divi builder: Showing variations in custom woocommerce product template

This is a pre-sale question. I’m using your free versión of Variation Swatches For WooCommerce in the store I’m building. I’m using Divi theme and I’m building a custom product template for my products. In my template, via Woo Modules for Divi, I can insert product title, product image, price, add to cart button, etc, anywhere in my template and customize almost everything. But I don’t know if I can insert the variation swatches that I generated with your plugin and that is working fine in the default woocommerce template. Is it possible to add it to the template via shortcode or specific Divi module using the pro version? thanks in advance.

Hakik Zaman

Hi Javier,

Thanks for reaching out to us. Please make sure you can also add a shortcode field in product loop editing mode.

If you can, please add the shortcode: [wvs_show_archive_variation]

Note: To apply the shortcode you have to activate and install both the free and pro versions of the variation swatchse plugin.

Thank You

Hi again, I bought the pro version of the plugin and used the shortcode you gave me in my product template in the Divi Builder. I placed the shortcode in a Divi text module (as I usually do) below the product meta info, but it doesn’t show up. I attach three screenshots., the template structure, the shortcode inserted and the frontend right now. Can you help me please?

Hakik Zaman

Hi Javier,

Unfortunately, your screenshots were not attached properly.

Please upload your screenshot here: https://paste.pics/ and post the screenshot link using this ticket reply box.

Also, make sure your Divi text module is compatible with Shortcode of WordPress or not.

As far as I know, the text module can’t print the shortcode.

Thank You

Sorry for the inconvenience, the screenshots urls are:

https://paste.pics/6b40982d2c848f89526315358daf9110

https://paste.pics/befd1f536a1b45127bcfec9d20d92f3b

https://paste.pics/f29b2464c042e5471d76f7e3f67eebcd

I usually use the Divi text module with several plugins that have shortcodes avaliable, like contact form 7, wp forms, divi-pixel, even I generate shortcodes with custom php functions (in polylang for showing custom language selector) and it works fine. I also tried using a code module and it doesn’t work either.

Hakik Zaman

Hi Javier,

Unfortunately, you are trying the shortcode inside your single product page template.

The shortcode will work for the archive/shop page product loop.

Please use a default Divi module to display add to cart for the single product page. Hopefully, it will display the swatches.

Please check this official documentation: https://www.elegantthemes.com/documentation/divi/divi-woocommerce-modules/#cart

Thank You

Hi Hakik, it worked! adding the add to cart module it shows my size variations for the product. Thank you so much.