Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Thumbnails icon invisible
(1 viewing) (1) Guest
"ARI Fancy Lightbox" WordPress plugin
Go to bottomPage: 123
TOPIC: Thumbnails icon invisible
#66677
Thumbnails icon invisible 3 Years, 9 Months ago Karma: 0
Very happy with the plugin, except after having installed the paid version, the thumbnails icon is not shown anymore even though I’ve selected it under tab Lightbox > Buttons. In the source code I've noticed this line:

<button data-fancybox-thumbs="" class="fancybox-button fancybox-button--thumbs" title="Thumbnails (G)" style="display: none;">

I’ve tried adding the following code to tab Advanced > Custom JS code:
jQuery.fancybox.defaults.onActivate = function() { jQuery.fancybox.getInstance().Thumbs.show(); }

That does display the thumbnails in the sidebar, but they stay visible then as the thumbnails toggle icon doesn’t work. I've also tried deactivating all plugins. Do you have any suggestions?

Ps. the free version DOES show the thumbnails icon but I prefer to use the paid version because of extended functionalities.

Example: extra-makelaars.nl/woning/enter-van-uitertstraat-30/
Last Edit: 2020/06/26 16:02 By havemaskwilltravel.
The administrator has disabled public write access.
 
#66683
Re:Thumbnails icon invisible 3 Years, 9 Months ago Karma: 746
Hello,

Open "ARI Fancy Lightbox -> Settings -> Advanced" page and populate "Custom JS code" parameter with the following code:

$('.slick-slide').each(function() { var $this = $(this); $this.attr('data-options', JSON.stringify({thumb: $this.attr('href')})); });

Regards,
ARI Soft
The administrator has disabled public write access.
 
#66684
Re:Thumbnails icon invisible 3 Years, 9 Months ago Karma: 0
I've followed your instructions, but the thumbs icon is still not visible unfortunately.
Are you sure the code you suggested is correct?
The administrator has disabled public write access.
 
#66685
Re:Thumbnails icon invisible 3 Years, 9 Months ago Karma: 746
Try the following code instead of the previous one:

setTimeout(function() { $('.slick-slide').each(function() { var $this = $(this); $this.attr('data-options', JSON.stringify({thumb: $this.attr('href')})); }); }, 100);

Regards,
ARI Soft
The administrator has disabled public write access.
 
#66686
Re:Thumbnails icon invisible 3 Years, 9 Months ago Karma: 0
That works. Thank you very much, I appreciate it.
Last Edit: 2020/06/30 09:33 By havemaskwilltravel.
The administrator has disabled public write access.
 
#66715
Re:Thumbnails icon invisible 3 Years, 8 Months ago Karma: 0
I have an additional question.

On extramakelaars.nl/woning/enschede-wieringermeerstraat-8/ there's a blue box called 'Downloads' that contains links to 3 types of media:

1) PDF brochure
2) plattegronden (images)
3) video

Link 1 and 2 are using ARI lightbox and the 1st link works properly. When you click on 'plattegronden' (2nd link), the counter says there are 5 items to be displayed. Items 1, 2, 3 and 4 are all images, but item 5 can't be shown (the URL is missing) because it's a PDF. Is it possible to automatically detect if a media file is a PDF and if it is, show it properly?
The administrator has disabled public write access.
 
Go to topPage: 123