Photonic and Elementor

  • Resolved Argentum

    (@argentum)


    5 years, 11 months ago

    Hello!
    Since this plugin is capable of doing almost everything, I might as well ask. I have, with some success, used Photonic to override the Elementor lightbox. I works well for single images. Elementor has a Media Carousel widget where you add more than one image and can: click a thumb to navigate, swipe or click the arrows. The large image is clickable and opens in the the lightbox chosen (overriding) in the Photonic settings. But it is not possible to navigate in the lightbox. It’s just one image popping out, and then you have to close the window, navigate to the next image with the regular navigation and then click in to open the lightbox. Could there be some way to fix this behaviour?
    A

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    Can you share a URL? I will take a look

    Thread Starter Argentum

    (@argentum)

    It’s the usual. I rather not put a link to the site here. Can I contact you in some other manner?

    Plugin Author Sayontan Sinha

    (@sayontan)

    Can I contact you in some other manner?

    Sorry, I don’t have a separate contact method, and forum policies prohibit the asking and posting of email addresses here. So I am pretty much dependent on a link provided here.

    Regardless, to group multiple items into the same lightbox group what you need to pass generally is a common rel parameter or something similar to the a tags (depends on the lightbox, hence my request for a URL). If the Elementor carousel has a way that lets you define a custom rel value you can make it work as a continuous lightbox.

    Thread Starter Argentum

    (@argentum)

    Ok, are you with me? This is the site. Let me know when you’ve read it so I can delete it.
    replace X = a
    replace Y = o

    https://www.XlmecY.se/bilutrustning-och-serviceinredning/

    Plugin Author Sayontan Sinha

    (@sayontan)

    I am not familiar with how Elementor manages element classes, but if you are using PhotoSwipe as your lightbox in Photonic, your markup will need two additional classes to club items into a single gallery: photonic-level-1-container, and photonic-stream.

    In looking at your markup I see that the markup in the slider has two classes, elementor-main-swiper, with a parent elementor-swiper. The parent elementor-swiper needs to get assigned the class photonic-stream and elementor-main-swiper should get photonic-level-1-container. If Elementor doesn’t allow you to assign classes to different levels, you can add photonic-level-1-container to the setting on Elementor, and wrap that whole Elementor element in a simple div with the photonic-stream class.

    There is no guarantee that this will work because you will be attempting to combine two different pieces of JavaScript code and you may not be successful in getting them to execute in the right sequence. But this is the best shot at trying to achieve your end goal.

    Thread Starter Argentum

    (@argentum)

    Ok, thank you very much! I will try to dig into it. I will report back if I get it to work somehow.

    All the best
    A

    • This reply was modified 5 years, 11 months ago by Argentum.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Photonic and Elementor’ is closed to new replies.