.But I have no idea how to arrange the three individual sliders in wordpress so that the effect is like on the preview page. I have installed the LayerSlider a few times, but I can't manage with Sweet Candies.
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.
First of all, please update LayerSlider to the latest version (7.9) After that, if you create a new page in WordPress (or modify an existing one) you will be able to select "LayerSlider Blank Template" from Templates. Use that clear, blank template to embed the sliders of Sweet Candies. That should work.
Here the layers would have to be stacked on top of each other, analogous to the preview. So let's say [layerslider id="001"] [layerslider id="002"] [layerslider id="003"]
Because it's not supposed to be sliders directly. And so the plate with the sweets moves pinned between the top and the middle slider while scrolling with an effect. So I don't understand the settings that I apparently have to make for this effect to work. There would certainly have to be some changes in the individual layers.
If I could get a tip on that, would be a happy dude. :)
This effect is based on the Pin Layer function (under Layers -> Style -> Size & Position). If you enable this setting for a layer, that means that it will behave as a fixed element on your website. It won't scroll with the slider while you are scrolling up/down on your page. And if you set the Align Positions From setting to "Sides of the screen" or "Sides of the screen vertically", that means that this pinned (fixed) layer will be aligned to the browser's sides. So, for example, if you set the top position to 100px, the layer will be fixed 100px distance from the browser's top side.
If you create a layer with the settings mentioned above (layer is pinned, its positions are aligned from the sides of the screen, and have custom left and top position values) and you copy and paste this exact layer into two or more different full-size sliders that are embedded into the same page when you scroll through these sliders, it will look like that only one layer is in the "background".
So, the sugar bowl appears to move through the sliders, but the truth is that both sliders have the same image layer with the same settings. The movement of this layer is because the layer (in both sliders) has the same Scroll Transition set.
Hello Layslider Support,
I would like to use the slider "Sweet Candies" as you can see it here https://layerslider.com/sliders/sweet-candies/
.But I have no idea how to arrange the three individual sliders in wordpress so that the effect is like on the preview page.
I have installed the LayerSlider a few times, but I can't manage with Sweet Candies.
Can you help me? What do I have to do?
Kind regards from Wiesbaden
Huck
Hello Huck,
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.
First of all, please update LayerSlider to the latest version (7.9)
After that, if you create a new page in WordPress (or modify an existing one) you will be able to select "LayerSlider Blank Template" from Templates. Use that clear, blank template to embed the sliders of Sweet Candies. That should work.
Best Regards,
George | Kreatura Dev Team
Hello George,
thank you very much for your reply. I have the new version and I also know in principle how to install or embed the layerslider on a website.
I am especially interested in the above mentioned slider "Sweet Candies".
https://layerslider.com/sliders/sweet-candies/
Here the layers would have to be stacked on top of each other, analogous to the preview. So let's say
[layerslider id="001"]
[layerslider id="002"]
[layerslider id="003"]
Because it's not supposed to be sliders directly. And so the plate with the sweets moves pinned between the top and the middle slider while scrolling with an effect. So I don't understand the settings that I apparently have to make for this effect to work. There would certainly have to be some changes in the individual layers.
If I could get a tip on that, would be a happy dude. :)
Hello Huck,
I'm sorry, I misunderstood.
This effect is based on the Pin Layer function (under Layers -> Style -> Size & Position). If you enable this setting for a layer, that means that it will behave as a fixed element on your website. It won't scroll with the slider while you are scrolling up/down on your page. And if you set the Align Positions From setting to "Sides of the screen" or "Sides of the screen vertically", that means that this pinned (fixed) layer will be aligned to the browser's sides. So, for example, if you set the top position to 100px, the layer will be fixed 100px distance from the browser's top side.
If you create a layer with the settings mentioned above (layer is pinned, its positions are aligned from the sides of the screen, and have custom left and top position values) and you copy and paste this exact layer into two or more different full-size sliders that are embedded into the same page when you scroll through these sliders, it will look like that only one layer is in the "background".
So, the sugar bowl appears to move through the sliders, but the truth is that both sliders have the same image layer with the same settings. The movement of this layer is because the layer (in both sliders) has the same Scroll Transition set.
I hope this helps.
Best Regards,
George | Kreatura Dev Team