Product thumbs behaviour

-- HikaShop version -- : 4.0.2
-- Joomla version -- : 3.9.3
-- PHP version -- : 5.6

Hello,

If a product has characteristics and its characteristics have more than one image each, the display of the image thumbs changes.

https://ibb.co/hgLDsd4
https://ibb.co/gZSYzyH

Thank you

Hi,

The problem comes from your custom CSS:
monosnap.com/file/t8oT0JF15pZ5J4VlWiCKEYRVQttHJq
The id of the elements needs to be unique, but each variant has these divs in the page so the div id hikashop_small_image_div becomes hikashop_small_image_div_XXX where XXX is the id of the variant when you swap the variant.
Instead, you should use the class and replace the # with a . in your CSS as the class is the same for both the default HTML and the variants HTML.

Hi,

that worked yes but the other problem is that thumbs move down when changing the characteristic. It seems that the product image height gets bigger.

Thank you

Hi,

Well, it's the exact same problem but with the CSS: You should use the class .hikashop_product_main_image_thumb instead of #hikashop_image_main_thumb_div ...
monosnap.com/file/XMugVO82IcVwF0dSsrh9RMoKLIEU1c