Image Slider/Navigation in Product Images Lightbox

Hello,

Best would be to change the image popup system to use a lib which is compatible with the gallery mode, like "shadowbox".
www.hikashop.com/support/documentation/5...html#display_general

Regards,

Hi,

No. The shadowbox image popup display has previous and next buttons so that you can switch the image without having to close the popup and the shadowbox image popup display is also responsive.
That has been the case for several years (since we've added it long ago), so that's why we didn't change the system as it is already doing what you would expect.
But yes, you can also purchase third party extensions if you want to go further than that with the image popup display.

Hello,

Your screenshot indicate that you're using "shadowbox" as the image popup system.
That JS library cannot be really customized and even if you do some custom CSS ; I'm not sure that it will give a good display on mobiles (compared to some libs we can find nowadays).
I would rather recommend you to find a JS library which suits you and see to perform the integration in HikaShop (yourself or with the help of a developer).
In our end, we still have in our TODO list the integration of other image systems but it is difficult to find some which are open and maintain with time.

Regards,

Hello,

There is no available image popup plugin right now.
But if you're talking about JS library, unfortunately no, I can't give you any suggestion since it's something really personnel (for the UX, design, etc)

Regards,

Hi,

You can't change the ids or classes easily.
But you can add your own CSS on the existing classes in your template CSS.
If you want to customize further shadowbox, you would have to copy the files cdn.hikashop.com/shadowbox/shadowbox.css and cdn.hikashop.com/shadowbox/shadowbox.js in your template, modify the template to load them for you and init shadowbox: Shadowbox.init();
That way, you would be able to modify the javascript and CSS of shadowbox and do whatever you want, including changing the classes.

Hi,

Well, it depends.
Suppose that your gallery system has a content anywhere plugin (for example this one: extensions.joomla.org/extension/gallery-anywhere/ ), you can create a custom product field and add the tag for each mini gallery of each product in that custom field.
Then, edit the file "show_block_img" via the menu Display>Views and add such code at the top:
<?php echo $this->element->XXX; return; ?>
where XXX is the column name of your custom product field.
That will add the gallery tag instead of the image area of the HikaShop product page and the plugin will replace the tag from the custom field.