Image Carousel Hover -lightbox - Question | JoomShaper

Image Carousel Hover -lightbox

K

KBS

SP Page Builder 11 months ago

Hi n good day,

I can't find the option to enable the hover n pop up the lighbox for the images in the image carousel. i'm using the latest version of it.

0
5 Answers
Pavel
Pavel
Accepted Answer
11 months ago #181622

is there any way to use it? i still the image carousel element...

Hi.

Lightbox on hover is wrong task.

Popup on click - this is the right task.

Create custom.js file in /templates/helixultimate/js/ folder and add this code there

jQuery(function ($) {
    $('.addon-root-image-carousel img').each(function () {
        var imgSrc = $(this).attr('src');
        $(this).wrap('<a class="popup-link" href="' + imgSrc + '"></a>');
    });

    $('.addon-root-image-carousel').magnificPopup({
        delegate: 'a',
        type: 'image',
        gallery: {
            enabled: true 
        }
    });
});

Create custom.css file in /templates/helixultimate/css/ folder and add this code there

.sppb-carousel-extended-content-wrap {
    pointer-events: none;
}

When you will click on image item it will look like this

0
K
KBS
Accepted Answer
11 months ago #181719

tq so much.... ;) it worked!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 11 months ago #181488

Hello KBS,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

There is no such option in Image Carousel addon. You can check Image or Image Overlay addon for your purpose.

Best regards

0
K
KBS
Accepted Answer
11 months ago #181553

is there any way to use it? i still the image carousel element...

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 11 months ago #181571

You can customize the addon. Unfortunately, we do not provide customization support.

0