Image Carousel hover -lightbox - Forum | JoomShaper
Solved SP Page Builder

Image Carousel hover -lightbox

Asked by KBS 1 year ago Last activity 1 year 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.

Accepted answer

Marked as the solution
Pavel
1 year ago · edited

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

KBS Asked this
1 year ago

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

1 more reply

Ofi Khan Staff
1 year ago

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

KBS Asked this
1 year ago

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

Ofi Khan Staff
1 year ago

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

Log in to reply.