change shadowbox script on your website

  • Posts: 43
  • Thank you received: 1
2 years 6 months ago #336184

-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.10.2
-- PHP version -- : 7.4
-- Browser(s) name and version -- : Chrome

Please, change shadowbox script on your website or post somewhere full archive with shadowbox script.

https://cdn.hikashop.com/shadowbox/shadowbox.js

Website of shadowbox doesn't work, I can't download script - zip downloaded, shadowbox.js is not inside, only strange plugins. Now usability for mobile users in Hikashop on product pages is zero. Switch on shadowbox in Hikashop admin, click on product picture and shadowbox gallery opens. But button next and prev are so small, so no one mobile user can click on it. See picture.

You can change only pictures or pictures and CSS - 1 minute work for any web designer. Your users will be grateful.

Attachments:
Last edit: 2 years 6 months ago by eduarddimitrov.

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

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
2 years 6 months ago #336186

Hi,

Thanks for your feedback. We'll look at improving it.

Note that with the "Image popup mode" setting of the HikaShop configuration, you can select "shadowbox embedded".
In that case, you can download the JS file cdn.hikashop.com/shadowbox/shadowbox.js the CSS file cdn.hikashop.com/shadowbox/shadowbox.css and the image files referenced in the CSS file ( for example cdn.hikashop.com/shadowbox/next.png ), add them on your website and load them in your Joomla template or in a view override of HikaShop and you'll be able to modify them as much as you like.

Note also that one of our partners has released a plugin sold on our markeplace in order to use other image display libraries than shadowbox which is now really old:
www.hikashop.com/marketplace/product/117...pups-by-obsidev.html
With it, you can easily change the "Image popup mode" setting to one of the choices added by the plugin to get a more modern look.

The following user(s) said Thank You: eduarddimitrov

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

  • Posts: 43
  • Thank you received: 1
2 years 6 months ago #336247

Thanks, Nicolas!

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

  • Posts: 278
  • Thank you received: 14
  • Hikashop Business
6 months 1 week ago #355908

Any news on changing old shadowbox mode?

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

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
6 months 1 week ago #355913

Hi,

Following discussions about the limitations of Shadowbox 2 months ago here ( www.hikashop.com/support/forum/product-c...n-poduit.html#354720 ), we actually worked on integrating with Fancybox. The work has been done on our end and it will be included in the next version of HikaShop, the 5.0.1.

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

  • Posts: 962
  • Thank you received: 11
  • Hikashop Business
3 months 2 days ago #358476

Hi Nicolas,

To make changes to fancy box, do we just do that via CSS or is there somewhere else to make changes such as removing/hiding some of the options at the top right?

Thanks!

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

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
3 months 2 days ago #358478

Hi,

Just make sure that the "image popup mode" setting of the HikaShop configuration is set to "fancybox".

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

  • Posts: 962
  • Thank you received: 11
  • Hikashop Business
3 months 1 day ago #358514

1) It is, but how do I make changes like removing some of the icons, for example the slideshow icon. Do I just use CSS?

2) Also with the variation products it's showing the same thumb image multiple times. I guess it showing one image for each size of the same colour. See attached.

Thanks!

Attachments:

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

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
3 months 1 day ago #358516

Hi,

1. You might be able to do it in CSS.
However, Fancybox has a nice options system which you can use to customize it.
I've never tried it, but based on fancyapps.com/fancybox/plugins/toolbar/ and fancyapps.com/fancybox/api/options/
Adding such code at the beginning of the product / show_block_img view file via the menu Display>Views should remove the icon buttons on the top right corner besides the close button:

<script>
Fancybox.defaults.Toolbar = {
          display: {
            left: ["infobar"],
            middle: [],
            right: ["close"],
          },
        };
</script>

2. That seems to be the case, yes.
Similarly to what I wrote above, one solution could be to add code to remove the thumbnails from there:
<script>
Fancybox.defaults.Thumbs = false;
</script>

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

  • Posts: 962
  • Thank you received: 11
  • Hikashop Business
1 month 3 weeks ago #359460

Hi Nicolas,

When an image pops up in the lightbox it says this at the end: #hikashop_main_image_29_15-3

Eg: www.mysite.com/categories/product/produc...p_main_image_29_15-1

Can I change it to something like this: #main_image_29_15-3 or #image_29_15-3

Thanks!

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

  • Posts: 81540
  • Thank you received: 13069
  • MODERATOR
1 month 3 weeks ago #359469

Hi,

That's not what I have on my end. It says just "#gallery" on my end.
Could you provide the URL of a page of your website where we could look at this ?

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

Time to create page: 0.093 seconds
Powered by Kunena Forum