Support » Plugin: Intro Tour Tutorial DeepPresentation » Tour run after the user scrolls 50px

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter Mushlih

    (@mushlih)

    And can I set a specific Class/ID for each step? Or where can I find it?

    Plugin Contributor supportdeeppresentation

    (@supportdeeppresentation)

    Hi there,

    How do I make the tour run after the user scrolls 50px on the post?

    You can use Event settings for trigger – Element is scrolled in viewport This is available in PRO only. It is dedicated to run when some element appears in viewport, not for scrolling 50px on whole post … but if you find some element lower in post, or you adjust In View Port Offset in trigger config, you should achieve that.

    And can I set a specific Class/ID for each step? Or where can I find it?

    Yes, you can set each step to specific class/id … in admin board configuration for specific tour, there is a step table … you can set/adjust class/ID in Reference Selector * column

    Thread Starter Mushlih

    (@mushlih)

    you can set/adjust class/ID in Reference Selector * column

    I mean I want to use a custom id for each step, not the id for the tour to run.
    Is it possible?

    Plugin Author Tomáš Groulík

    (@tomasgroulik)

    I’m not sure if I understand you fully. Can you please describe it more?
    You want to add custom ID or class attribute to tooltip of eg. step 1?
    From 2.1.0 of FREE version, there is already opportunity to target intro tooltip and highlighted layer per step by ID. Eg.

    tooltip for step 1 id = dpintro-tooltip-step-1
    tooltip for step 2 id = dpintro-tooltip-step-2

    or highlighted layer:

    highlighting layer of step 1 id = dpintro-highlight-step-1

    so now you can use css

    #dpintro-tooltip-step-1{
       //your css code for tooltip of step 1
    }

    or if you want to target by step but also by tour (eg. tour with post id == 46)

    .dpintro-wrapper-46 #dpintro-tooltip-step-1{
       //your css code for tooltip of step 1 in tour with post id == 46
    }

    It is not like you can add your custom, but perhaps it is working for you also.
    Let me know.

    Thread Starter Mushlih

    (@mushlih)

    so now you can use css: #dpintro-tooltip-step-1

    Yes, this is what I mean
    Now, is there a special ID for “Should Be Content Under Overlay Blurred?” option for that step (step one)?
    Thank you very much

    Plugin Author Tomáš Groulík

    (@tomasgroulik)

    Blurred overlay element has not unique id per step yet.
    I’ll add it too in next release.

    Thread Starter Mushlih

    (@mushlih)

    I’ll add it too in next release.

    Thank you very much

    Plugin Author Tomáš Groulík

    (@tomasgroulik)

    Hi,
    I added a step id to the main intro layer to support targeting all nested introductory layers with css per step. This feature is available from PRO – 2.3.2, FREE – 2.1.2.

    For you, if you want to remove backdrop blur filter just for specific step (eg. step 1):

    #dpintro-step-1 .dpintro-overlay{
     backdrop-filter: unset;
    }

    For specific step and specific tour only (eg. tour with post id == 46):

    #dpintro-wrapper-2659 #dpintro-step-1 .dpintro-overlay{
     backdrop-filter: unset;
    }
    Thread Starter Mushlih

    (@mushlih)

    Thank you very much, it works!

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.