Image Slider/Navigation in Product Images Lightbox

  • Posts: 65
  • Thank you received: 0
  • Hikashop Business
9 months 3 weeks ago #279337

In product details we have Multiple Images for one product. When user click on a product it comes out as a lightbox. User has to close the lightbox to see the next image. Is there a way to have a slider at the popup? where user just needs to click left/right to navigate btween the images? Thanks

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

  • Posts: 22533
  • Thank you received: 3509
  • MODERATOR
9 months 2 weeks ago #279340

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,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 1
  • Thank you received: 0
  • Hikashop Business
7 months 3 weeks ago #282945

Hi,

I still would like to ask about the image slider for product images. Is this correct that hikashop has the the same image display like 5-7 years ago? Product image gallery is not responsive, it has no slider possibilities, arrows. Are there only 2 choises to solve product image gallery display, also responsive mode:
1. change CSS for ourselves;
2. Purchase image slider coponents;

Attachments:

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

  • Posts: 62756
  • Thank you received: 9004
  • MODERATOR
7 months 3 weeks ago #282950

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.

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

  • Posts: 70
  • Thank you received: 0
  • Hikashop Business
7 months 2 weeks ago #283553

I have some problem like this.
I want to increase size of next and exit button. Because for mobile user it very very small.
Can you help me?

Many Thanks

Attachments:

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

  • Posts: 22533
  • Thank you received: 3509
  • MODERATOR
7 months 2 weeks ago #283620

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,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: Bankthaworn

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

  • Posts: 70
  • Thank you received: 0
  • Hikashop Business
7 months 2 weeks ago #283642

Thanks
Can you suggest me for some plugin that work for image popup?

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

  • Posts: 22533
  • Thank you received: 3509
  • MODERATOR
7 months 2 weeks ago #283663

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,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: Bankthaworn

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

  • Posts: 70
  • Thank you received: 0
  • Hikashop Business
7 months 1 week ago #284199

Can I change id to class? (follow image)

Attachments:

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

  • Posts: 62756
  • Thank you received: 9004
  • MODERATOR
7 months 1 week ago #284204

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.

The following user(s) said Thank You: Bankthaworn

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

  • Posts: 185
  • Thank you received: 3
  • Hikashop Business
6 months 1 week ago #285750

Hello

I am looking to replace the standard image display since some of my products have 10 images with one which can handle images and have a slideer. What would be the best way to do this? I can install a joomla gallery quite easily however replacing each product with a new gallery is a bit beyond me.

Many thanks
Iain

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

  • Posts: 62756
  • Thank you received: 9004
  • MODERATOR
6 months 1 week ago #285751

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.

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

  • Posts: 185
  • Thank you received: 3
  • Hikashop Business
6 months 2 days ago #286077

Hi Nicolas

Thanks for that, I will get a large cup of coffee and set to work. Fingers crossed.

Cheers
Iain

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

Time to create page: 0.092 seconds
Powered by Kunena Forum