Activate Magnetic slide via seperate link
-
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
-
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;}
-
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
-
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; }
Need custom programming for your Lay Theme site?
I regularly add new features to Lay Theme for free, based on user feedback. But if you or your client need something more specific, I’m happy to offer custom paid programming tailored to your project.
Email info@laytheme.com with the subject "Custom paid programming for Lay Theme" and a short description of what you need — I’ll reply with a cost estimate.
Custom features I build often make it into future Lay Theme updates, so your idea might benefit the whole community.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it