Product thumbs behaviour

  • Posts: 1027
  • Thank you received: 11
  • Hikashop Business
5 years 2 months ago #303840

-- 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

Please Log in or Create an account to join the conversation.

  • Posts: 81484
  • Thank you received: 13062
  • MODERATOR
5 years 2 months ago #303841

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.

The following user(s) said Thank You: verzevoul

Please Log in or Create an account to join the conversation.

  • Posts: 1027
  • Thank you received: 11
  • Hikashop Business
5 years 2 months ago #303872

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

Please Log in or Create an account to join the conversation.

  • Posts: 81484
  • Thank you received: 13062
  • MODERATOR
5 years 2 months ago #303881

Hi,

Well, it's the exact same problem but with the CSS:

#hikashop_image_main_thumb_div {
    height: auto !important;
}
You should use the class .hikashop_product_main_image_thumb instead of #hikashop_image_main_thumb_div ...
monosnap.com/file/XMugVO82IcVwF0dSsrh9RMoKLIEU1c

The following user(s) said Thank You: verzevoul

Please Log in or Create an account to join the conversation.

Time to create page: 0.060 seconds
Powered by Kunena Forum