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

Large space between na image and a thumb gallery

Hi

On a product page there is a large space between an image and a thumb gallery caused by <div class=”slick-list draggable” style=”height: 2621px;”>. How can I fix that?

Screenshot 2020-12-09 at 12.31.16.png

Tanvirul Haque

Hi Antartika snc di Magnabosco A. e Covolo P.,

Thanks for reaching us. Could you please try to regenerate your all images and then check again?

Thank you

Tanvirul Haque

Hello,

Could you update your premium version of the WooCommerce Variation Image Gallery (1.1.29) plugin? Also those plugins https://prnt.sc/w2b51o

You may download the latest file from our site getwooplugins.com and follow this documentation to get the auto-update in the future.

Please let me know your reported issue has been fixed or not in this latest update?

Thanks

Hi Tanvirul

I tried to follow your instructions here https://getwooplugins.com/documentation/woocommerce-variation-gallery/#automatic-update-for-premium-version but for some unknown reason I see only this (see image in attachment.)

Why do I get “no downloads available yet”?

I also tried to download from “Order” and I get : “Sorry, this download has expired Go to shop

 

Thank you

 

Tanvirul Haque

Hello Antartika snc di Magnabosco A. e Covolo P. Covolo,

Maybe your 1 year subscription has been ended so have to take a new subscription to download the latest file.

Thanks

Hi

I updated the Variation Swatches For WooCommerce – Pro to versione 1.12.

Before I proceed with updating the woocommerce I would like to inform that I get a message that you plugin wasn’t tested for 4.8 version of woocommerce, but for 4.7. Should I proceed anyway?

Hi again

I’ve updated also woocommerce, as you suggested.

I did a little analysis with inspect element on chrome and I see that:

when the viewport is less than 769px i have this: <div class=”slick-list draggable” style=”height: 480px;”> and that is ok! The height changes when i decrease a viewport but it has a correct height. Everything is in 1 column
when the view port is more than 770px I have 2 columns and the height of the slick-list.draggable gets very high: <div class=”slick-list draggable” style=”height: 2382px;”>

How can i fix it so it maintains a fixed height.

I would like to avoid putting in css style file something like this (which could be a workaround):

min-width:770px:
.slick-list.draggable {
max-height: 300px !important;
}

min-width:992px:
.slick-list.draggable {
max-height: 450px !important;
}
min-width:1200px
.slick-list.draggable {
max-height: 500px !important;
}

 

Thank you

Tanvirul Haque

Hi Antartika snc di Magnabosco A. e Covolo P.,

Thanks for reaching us. We are sorry for your inconvenience.

Could you send us the latest version of the theme that you are using on your site. We’ll try to investigate your issue installing your theme on our local setup.

You can upload the theme file in Dropbox or Google drive and send the download link here directly.

Looking forward to hearing from you soon.

Thank you

Hi

I uploaded folder “themes” to Dropbox and you can downloaded here: https://www.dropbox.com/s/6a8vb2l8trd42ik/themes.zip?dl=0

You’ll see 2 themes: parent Understrap and Child theme FrGuitars.

While I’m waiting for your answer I’ll put in css the following workaround:

@media (min-width:770px){
.slick-list.draggable {
max-height: 300px !important;
}

}

@media (min-width:992px){
.slick-list.draggable {
max-height: 450px !important;
}

}
@media (min-width:1200px){
.slick-list.draggable {
max-height: 500px !important;
}

}

Thank you

Tanvirul Haque

Hello Antartika snc di Magnabosco A. e Covolo P. Covolo,

I have found 2 themes there, which one do you use? https://prnt.sc/w751ac

Thanks

Tanvirul Haque

Hi Antartika snc di Magnabosco A. e Covolo P.,

You are using a very old pro version of our gallery plugin, Could you update your premium version of the WooCommerce Variation Image Gallery plugin? Please let me know your reported issue has been fixed or not in this latest update?

Thank You

Hi

 

I’ve updated the plugin, but the problem stil persist therefore I’m still keeping css workaround, which you can find under Customize -> CSS:

@media (min-width:770px){
.slick-list.draggable {
max-height: 350px !important;
}

}

@media (min-width:992px){
.slick-list.draggable {
max-height: 450px !important;
}

}
@media (min-width:1200px){
.slick-list.draggable {
max-height: 600px !important;
}

}

Tanvirul Haque

Hello Antartika snc di Magnabosco A. e Covolo P. Covolo,

This issue is coming from your child theme, please try to activate your parent theme and check is this issue resolved or not.

Thanks