Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Activate Magnetic slide via seperate link

    General Discussion
    magnetic slide
    2
    5
    1048
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Walker
      Walker last edited by

      Hey Armin,

      I have a Project with an Magnetic Slider (vertical by scrolling) which includes
just two slides.The first slide is a Carousel and the second one includes just text.
On top of the Carousel Slider I have a button which is called "information". When you
click it you should activate the Magnetic Slide-movement and go automatically down to the
information/second slide of the Magnetic Slider.
      It would be exactly be like a "scroll to bottom" Button.

      I couldn´t manage to do it. 
Maybe it`s easy for you.

      My Website is rothsimon.de/wp2

      Would be very nice
thanks a lot

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        Add a class to your "information" textelement called "godown" (without ""). You can do that by hovering over your button in the gridder and clicking the class button.

        Then in lay options -> Custom CSS & HTML -> Custom <head> content add:

        jQuery("body").on("click", ".godown", function(){
        jQuery.fn.fullpage.moveSectionDown();
        })
        

        Let me know if that works.

        You probably want to hide that button for mobile because magnetic slides might not be active for mobile.
        In lay options -> Custom CSS & HTML -> Custom CSS for Mobile Version add:

        .godown{display:none;}
        
        1 Reply Last reply Reply Quote 0
        • Walker
          Walker last edited by

          Hi Armin,

          thanks a lot for the answer.
          I added the class to the textfield and the jquery to the head,
          unfortunately nothing happened. The Textfield with "information"
          not even bahave like a button. It is not clickable.
          Do you habe a clue what could be wrong?

          Thanks

          1 Reply Last reply Reply Quote 0
          • arminunruh
            arminunruh Global Moderator last edited by

            Ahw yea, I made a little mistake. It should work like this:

            in lay options -> Custom CSS & HTML -> Custom <head> content add:

            <script>
            jQuery(document).ready(function(){
                jQuery("body").on("click", ".godown", function(){
                    jQuery.fn.fullpage.moveSectionDown();
                }); 
            });
            </script>
            

            In lay options -> Custom CSS & HTML -> Custom CSS for Desktop Version add:

            .godown{
                cursor: pointer;
            }
            
            1 Reply Last reply Reply Quote 0
            • Walker
              Walker last edited by

              Hey Armin,

              thanks for the new reply,
              perfect, this works out.

              thanks for your help.

              1 Reply Last reply Reply Quote 1
              • First post
                Last post
              Post a link to where the problem is if possible, please <3
              I don't answer or check forum DMs, please just post on the forum.
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

              Before you post:

              Use the Search Feature. Maybe there is already a solution to your issue.

              1. Update Lay Theme and all Lay Theme Addons
              2. Disable all Plugins
              3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
              4. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
              Go here, see if your problem is listed here:
              Troubleshooting

              When you post:
              1. Post a link to where the problem is
              2. If the problem is difficult to explain, post screenshots / link to a video to explain it

              Thanks!

              Online Users

              Recent Topics

              • Search as icon instead of text?

              • FILTER Categories showing all projects

              • H

                Vimeo embed with autoplay and loop is really slow...help!

              • A

                website not loading on iphone safari

              laytheme.com