Want To Add Extra Images Per Product Variation? Download This Free Plugin

Swatches on shop page displays in just one or two columns in Enfold theme

Per Johannesson

Hi,

When using Variation Swatches For WooCommerce with the theme Enfold, the swatches on the shop/category pages just show up in one or two columns.

I’ve tested the same site with other themes like Flatsome and Twentytwentytwo using the same plug ins and it works just fine.

I have, however, developed the site with Enfold and changing to something else will require to much time and work.

Do you have a solution to the problem?

The site I’m giving you the link to is a test site. The site I’m planning using the plug in on, is up and running but need the swatches as a final touch up 🙂

Skärmavbild 2022-12-05 kl. 13.38.48.png

Regards,

Per

 

Alex - Support Engineer

Hi there,

Thanks for reaching us.

I have not seen any product on your shop page – https://prnt.sc/ObV_MfBNvGO6

and your provided login details are not working – https://prnt.sc/YaPwUSkgT5zq

 

Please kindly do a plugin compatibility check by doing these steps to identify the error :

=> Deactivate all of your additional plugins except the WooCommerce and WooCommerce Variation Swatches Plugin.

=> See if the problem persists. If the problem is resolved, you can tell which plugin might be the culprit of this error by activating your additional plugins one by one.

Thank you.

 

 

Per Johannesson

Sorry about that!

It is fixed know.

The user name is: getwooplugins

Password: Get_Woo_22*

I have inactivated all plugins with no success.

They are now activated again. Your plug in works nicely with other themes.

Thank you

Alex - Support Engineer

Hi there,

Could you please send us your theme file so we may check it from our side?
You can upload the theme zip file here – https://wetransfer.com/

After that send us the uploaded link so we may set up it on our server for further investigation.
We will happy to assist you.

Thanks.

Alex - Support Engineer

Hi there,

Thanks for sharing your theme file.

I have added this to my checklist and will give you an update after checking.

Thank you.

Hakik Zaman

Hi Per,

The theme CSS is conflicting- https://paste.pics/KA866 with our swatches CSS. Please add the below CSS at Appearance > Customize > Additional CSS:

ul.products li.woo-variation-items-wrapper {
   width: 100%;
}

After doing the above don’t forget to clear your caches like- browser cache, caching plugin cache, and server-side cache (if you have any)

Thank You

Per Johannesson

Hi,

Thank you very much!

Works perfectly.

Will you include this css snippet in original stylesheet the next upgrade of this plugin?

Best regards.

Per Johannesson