Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #3496593
I need some guidance in installing the LayerSlider "Sweet Candies".
Closed

Comments

  • Huck started the conversation

    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 

  •  138
    George replied

    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

  • Huck replied

    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. :)

  •  138
    George replied

    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