ARI Soft - ARI Fancy Lightbox doubles first picture

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

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

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

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

WordPress plugins

ARI Fancy Lightbox

ARI Fancy Lightbox doubles first picture

(1 viewing) (1) Guest

"ARI Fancy Lightbox" WordPress plugin

Page: 1

TOPIC: ARI Fancy Lightbox doubles first picture

Forum Tools

#68099

ARI Fancy Lightbox doubles first picture 2 Years, 8 Months ago

Karma: 0

Hi,

I've installed the plugin, it works fine but I have a few questions

- for some reason the plugin doubles the first product image. So when I click on 'next image" the first image of the product is showing again. This only happens with first the product image, after the first picture the other pictures are showing correctly. Check: mrental.nl/product/6x-accu-led-grondspot-eventspot-1600-q4-ip54/ How can I fix this?

- Is there a way to get the 'close button' bigger? It's really tiny in the upper right corner

- On a mobile device clicking next to the image to return to the website is not working, you must swipe up or click on that really small close button in the upper right corner. On a computer this works fine.

I hope you can help!

Thanks

Anastas

The administrator has disabled public write access.

#68139

Re:ARI Fancy Lightbox doubles first picture 2 Years, 7 Months ago Karma: 747

Hello,

The problem occurs because the image are defined twice in page markup. Populate "ARI Fancy Lightbox -> Settings -> Advanced -> Custom JS code" parameter with the following code to fix this issue:

Code:



setTimeout(() => { 

var images = $('.image_wrapper A.woocommerce-main-image'); for (var i = 0; i < images.length - 1; i++) { var currentImage = $(images[i]); if (currentImage.hasClass('no-lightbox')) continue; var href = currentImage.attr('href'); for (var j = i + 1; j < images.length - 1; j++) { var siblingImage = $(images[j]); if (siblingImage.attr('href') === href) { siblingImage.addClass('no-lightbox').removeClass('ari-fancybox'); siblingImage.removeAttr('data-fancybox'); } } }

});

Close button is small due to custom WooCommerce styles. It uses !important (usually it is a bad practice) and this affects on close button styles. Add the following CSS rule to "ARI Fancy Lightbox -> Settings -> Style -> Custom CSS" parameter to fix this problem:

.woocommerce button.fancybox-button--close {padding: 10px !important}

Regards,
ARI Soft

admin