Okay
  Public Ticket #3387790
How can I build vertical slider?
Closed

Comments

  • Tymofii Holosniak started the conversation

    Hello, 


    I need to build, vertical slider, images changes when you scroll up or down. How can I do this?  

  •  112
    George replied

    Hello Tymofii,

    Could you, please provide more information about this? Would you like to change slides by scrolling over the slider or you simply want to move layers vertically by scrolling? Is there a template ( https://layerslider.com/sliders/ ) similar to what you want to achieve?

    Best Regards,
    George | Kreatura Dev Team

  • Tymofii Holosniak replied

    Hello, 


    I would like to have an option to change orientation of the slider to 90 degrees. 

    A person goes to the main page of the site, there is a slider on the entire screen in front of him, he starts scrolling, and first pierces the slides, although he has the feeling that he is going down the page.

    An example of how a similar slider works on the site: https://www.bottegaveneta.com/en-en 

    On the web version and for the phone, first you have a slider in front of you, and then you scroll to see the products.



  •  112
    George replied

    Hello,

    You can do that easily by setting the right slide transitions. First of all, add slide background images to all your slides. Then, please open slide transition selector, and select ONLY the transition called "Sliding from bottom"

    Attached files:  slide-background.png
      slide-open-transition-selector.png
      slide-transition-selected-for-vertical-sliders.png

    Best Regards,
    George | Kreatura Dev Team

  • Tymofii Holosniak replied

    I did as you described, and swiping and switching slides in the correct way does not work.

    Auto-showing slides works in the right direction, but swiping or switching slides with buttons, scrolling does not work. You can only slide from right to left and from left to right, and I need to switch slides from up to down and from down to up.

    So there is no solution to my situation?

  •  112
    George replied

    Swiping (on mobile devices, with fingers) won't work. But custom navigation elements can be created (up/down arrows which will switch to prev/next slide by clicking or touching).

    I can help you to create this if you could provide me a wp-admin access.

    Best Regards,
    George | Kreatura Dev Team

  • Tymofii Holosniak replied

    I need to swipe, no need to do any additional buttons. 


    No?

  •  112
    George replied

    You can create something like this: https://layerslider.com/sliders/sweet-candies/

    Best Regards,
    George | Kreatura Dev Team