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

Woocommerce layout issue after activating plugin

Vanessa Martell-Mead

Am installing Additional Variation Images Gallery – when I activate it, the margin between the image and the text goes very small:

Additional-Variations-enabled.JPG

When I disable the plugin it returns to normal:

Additional-Variations-disabled.JPG

This happened with a different product slider I used before, so  I switched to a different one which didn’t cause them.

The theme I’m using is GeneratePress, but the problem persists when I switch to the default theme.

Any ideas?

 

Hakik Zaman

Hi Vanessa,

Thanks for reaching to us. Did you try this and this option from plugin setting page?

Can you please give us a temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

Vanessa Martell-Mead

The settings indicated adjust spacing between the thumbnails and the position of the thumbnails – they do what they should but don’t alter the gap between the overall image slider and the product text.

I am not comfortable sharing login details to my shop and don’t see how it is relevant to this issue.

Hakik Zaman

Hi Vanessa,

Really sorry for the inconvenience.

Please check this screencast you can resize your gallery width. To display the thumbnail to bottom you can use this setting.

I am not comfortable sharing login details to my shop and don’t see how it is relevant to this issue.

I understand, actually I just wanted to see how you setup your plugin.

It helps me to understand, it can be fixed from plugin setting page or need to add a small css snippet. That’s the reason I wanted a temporary access.

I hope you understand. Please let me know, resizing the gallery is resolved your issue or not.

Thanks

Vanessa Martell-Mead

Hi – my husband was able to fix the layout issue by adding padding to the text with Additional CSS settings in the theme.

. WooCommerce div.product div.summary {
padding-left 1em;
}

So this issue is fixed. The site is looking good with both plugins active and lots of swatches in use.

One more thing – when you view the product image full screen it shows the filename. I didn’t use very good filenames when uploading images so this doesn’t look great – is there a way to turn it off? Our previous free product slider could.

Kind regards,
Vanessa Martell-Mead
kidsinthekitchen.nz

Hakik Zaman

Hello Vanessa Martell-Mead,

Sorry for the inconvenience. Please put the below code here Appearance > Customize > Additional CSS and press Publish button.

.wvg-single-gallery-image-container img,
.wvg-gallery-thumbnail-image img {
pointer-events: none;
}

Please let me know, is it resolved your issue or not.

Thanks