Okay
  Public Ticket #2024640
How to open popup with a href text in widget area
Closed

Comments

  • michiiee started the conversation

    Hi there,

    i wanted to ask, how i have to set up layer slider and an html widget, so that i can open a popup slider with a simple text link in the widget area?

    Thanks in advance,

    Michael


  • [deleted] replied

    Hello Michael,

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

    In case you want to start a popup slider with an element outside of a slider from your site, you will need to apply an ID (id="example") or class (class="example") on that element and enter the same selector for ID (#example) or class (.example) to the Open By Click field in the Slider Settings of the popup slider. You can use this for any element.

    There is also another method if you would like to utilize URLs. You can link a slider/slide with deeplinking. 
    A deeplink is a slide alias name, which you can use in your URLs with a hash tag so LayerSlider will start with the corresponding slide when visitors arrive to the page. Example: domain.com/page/#welcome
    Use only lowercase alphanumeric values. You can also use this feature to implement slide navigation with links.

    Please also make sure that the popup slider that you want to use is added to the page. Otherwise it won't load. You can also use the Slider Settings -> Popup -> Target Pages section for this purpose.

  • michiiee replied

    Hi there,

    thanks for the reply.

    I would like to use the 2nd method with deeplink.

    I have a icon which opens a link with the #

    /neuen-trade-anlegen/#anleitung_trade_anlegen

    The sliders name is anleitung_trade_anlegen, but it does not open when clicking the icon. I have added the slide to the page where the icon is placed.

    What did i miss?

    Launch Popup section in settings is completly empty cause i only want the popup slider to start after clicking that icon.

    Regards,

    Michael

  • [deleted] replied

    Unfortunately I am not able to check that page. It seems like I do not have access for it, I get the following error:

    TUT UNS LEID… HOME / TUT UNS LEID… Tut uns Leid, aber um auf den Inhalt dieser Seite zugreifen zu können, musst du dich anmelden oder dich registrieren.


  •   michiiee replied privately
  • [deleted] replied

    Thank you. There seem to be several errors on that page appearing somewhat randomly. There are some jQuery errors, and JS errors related to autoptimize. The slider is likely affected by one these, and that is why it does not work. 

    Please try to use the Include scripts in the footer (and the RocketScript compatibility, but only if you use CloudFlare’s Rocket Loader) advanced setting to see if that helps.

    Please also temporary disable autoptimize or exclude LayerSlider from its methods to see if that solves the issue.

    Let us know, thank you.

  • michiiee replied

    Hi there,

    i have deactivated autooptimize to see if this causes my problem, but the popup still does not appear when opening the url with the #.

    Activating  Include scripts in the footer did also not help. I am not using  CloudFront’s Rocket loader (the website is running behind a cloudflare cdn).

    Any other advices? Where do you see that i got problems with my jQuery and JS? Developer Console shows no errors when loading the page.

    Regards,

    Michael

  • [deleted] replied

    Thank you for the feedback. 

    I've forwarded your case to the dev team and they've investigated this further. Unfortunately they couldn't identify the exact soure of the issue. Something still seems to be affecting the slider, interfering with it, and preventing it from working.

    The JS error is the following: [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive This looks like it's related to some kind of scrolling event, so it's likely not related to our case.

    One thing for sure is that the LayerSlider init is missing completely. It's not even initialized on page, thus the problems. But we're not sure what's responsible for this exactly.

    Please temporary disable other plugins and switch to a default WP theme to see if you can insert sliders that way.