fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

WooCommerce Variations Swatches with ELEMENTOR PRO and Crocoblock

Martin Akeret

I specially bought the Pro Widget from WooCommerce Variations Swatches. Unfortunately, I can’t figure out how to embed and edit the whole thing in ELEMENTOR PRO so that the layout comes across as it appears in the attached screeshot. Also I have all the plugins from CROCOBLOCK. I can’t find anywhere a solution how to customize this plugin with my tools and widget in style. At the moment it looks like this: https://store.thermfox.ch/produkt/renardo-schalldaempfer/

How can you help me with this to get the layout and style as below?Bildschirmfoto 2023-06-15 um 13.54.40.png

Hakik Zaman

Hi Martin,

Thanks for reaching out to us.

How can you help me with this to get the layout and style as below?

We have used the OceanWP theme to display a demo. Displaying layout is not the functionality of our plugin.

It depends on the theme you are using. Our plugin just displays the swatches rather than the default dropdown of WooCommerce.

If you want the attributes like this: https://paste.pics/OKBKO. You can add the following CSS at Appearance > Customize > Additional CSS

.single-product .product .elementor-jet-single-add-to-cart .variations label {
display: inline-block; 
}

Thank You