Public Ticket #3187023
Publishing Popups


  • Massimiliano Guidetti started the conversation

    i use WordPress because I'm not a tech-savvy, 

    I am able to build my slider - popup using your plugin.

    Now i want to open the popup by clicking an image, exactly like your example/demo page but of course, I don't know what a jquery selector is, and there's nothing about it in the documentation.

    how can i do it? 

  •  111
    George replied

    Hello Massimiliano,

    Thank you for getting in touch with us. My name is George and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    For example, if you type .yourelement (beginning with the dot) into the Open by Click field, the popup will search for an element with a class name of yourelement (class="yourelement"). So in this case you button must have the yourelement class name and of course you should include the popup into that page where you would like to open it.

    Attached files:  selector.png

    Best Regards,
    George | Kreatura Dev Team

  • Massimiliano Guidetti replied

    Ok this part is clear, now to the in WordPress editor. I still need to link somehow an image to open the popup. There's no guide/tutorial/documentation online.

    Can you post here a little how-to - maybe in Gutenberg - so everybody else can be helped ?

    Btw in the attachment, the link for the video tutorial is dead 

    Attached files:  Screenshot 2022-12-13 alle 22.05.26.png

  •  111
    George replied

    Hello Massimiliano,

    Yes, unfortunately, our previous YouTube channel was lost due to a technical issue, and the new one is still being updated.

    In Gutenberg, you should open the dropdown menu in the upper right corner of the element, and choose Edit as HTML option.
    After that, you should add the custom class name which LayerSlider should watch, for example: openpopup

    Then, in LayerSlider (Project Settings -> Layout -> Popup -> Launch Popup) add this selector name (starting with a dot) to the Open By Click input field.

    Attached files:  2. add-your-class.png
      1. edit-as-html.png
      3. add-selector-to-layerslider.png

    Best Regards,
    George | Kreatura Dev Team