Return to previous page

WooCommerce Additional Variation Images not change the Thumbnails images

This topic has 6 replies, 2 voices, and was last updated 9 years, 4 months ago ago by Eva Kemp

matanbo

Participant

August 20, 2015 at 04:21

hi i just purchased the classico WordPress theme to make a custom t-shirt store

i install 2 ad-don from WooCommerce

1. WooCommerce Variation Swatches and Photos

2. WooCommerce Additional Variation Images

the first ad-don work fine

but the second have problem
when i click on one of the Variation colors of the product the Thumbnails of the the product need to change with the color images that i click

the problem is that is not change only the main ( big ) image change.

so i start to look what is the problem
i detective all the plugins
i check that all the plugins are update

and it still don’t work

until i found the problem
in the file wp-content/themes/classico/woocommerce/single-product/product-thumbnails.php in line 23

there is this line :
<div id=”product-pager” class=”product-thumbnails images-popups-gallery”><?php

what is missing is the thumbnails class
so it need to be :
<div id=”product-pager” class=”thumbnails product-thumbnails images-popups-gallery”><?php

but now when i click on the color Variation the Thumbnails changes but is lost all the style from the JavaScript because the plugin change the class and the style of the element inside the Thumbnails slider

do you have maybe update to this issue or someone can help me fix this to work fine ?
there is no point to a t-shirt store to be without Additional Variation Images of the shirt in the same color ( like from the side from the front and from the back )

i would love to get some help with that

thanks

Please, contact administrator
for this information.

#81144 Copied Theme version: calssico 1.2 WooCommerce version: 2.4.4

5 Answers

Eva Kemp

Support staff

August 20, 2015 at 08:15

Hello,

I’ve checked the page and images are changed when different color is selected.
Please specify how we can replicate the issue and provide us with wp-admin panel/FTP credentials in Private Content.

Regards,
Eva Kemp.

#81177 Copied

matanbo

Participant

August 20, 2015 at 15:53

yes you right the main image are changing but also the 3 thumbnails under the image need to change and they are not changing unless i put the

<div id=”product-pager” class=”thumbnails product-thumbnails images-popups-gallery”><?php

in wp-content/themes/classico/woocommerce/single-product/product-thumbnails.php in line 23

but as i said then all the style is broke because that the JS change the layout of them and the element class and id

it need to look like in this example :
http://demos.jckemp.com/woothumbs/product/ship-your-idea-2/
choose a size and then color and you will see that the thumbnails also changing according the color

Please, contact administrator
for this information.

#81307 Copied
Eva Kemp

Support staff

August 20, 2015 at 17:57
Hello,

I’ve added this code in 8Theme Options > Typography > Global Custom CSS > Custom CSS:
```
img.attachment-shop_thumbnail {
    width: 101px;
}
```
Clear browser cache and check product thumbnails now.

Regards,
Eva Kemp.
#81342 Copied
matanbo

Participant

August 20, 2015 at 18:12

yes i try this also before it work ok
but i thought maybe you have solution that it will stay as a image slider

but if it is the only solution so it is ok

thank you for the help

#81347 Copied

Eva Kemp

Support staff

August 20, 2015 at 19:15

Hello,

You’re welcome.

Regards,
Eva Kemp.

#81375 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘WooCommerce Additional Variation Images not change the Thumbnails images’' has been successfully resolved, and the topic is now closed for further responses

WooCommerce Additional Variation Images not change the Thumbnails images

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection