Okay
  Public Ticket #3559954
adding scrolling text
Closed

Comments

  • Jan started the conversation

    I'm reaching out for assistance with a page I've created for display on our intranet system across TVs. The page is designed with full row layouts. I need help with two specific features:

    - Loop Scrolling: I'm looking to enable automatic scrolling of the page in a continuous loop, moving up and down between full rows. This will be displayed on TVs, so interactions like mouse clicking are not possible.

    - Sticky Scrolling Text: I need guidance on how to add a scrolling text feature to each row or slide, where the text scrolls independently while the rows cycle through in the background.

    Thanks a lot!

    Regards,

    Jan

  •  2,723
    Andrew replied

    Hi Jan,

    Thank you for getting in touch.

    Unfortunately, we currently don't have a way to add these requests to the theme. Adding this would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations. 

    However, we are partnered with a trusted provider of expert-level Salient customization. If you are interested in initiating a project, we recommend referring to our guide at the following link: https://themenectar.com/salient/customization/

    Best Regards,

  • Jan replied

    Hello,

    Ok, is there a way to have sticky row when using full rows functionality or some sort of footer element to be visible all the time when I scroll through full rows ?

  •  8,406
    Tahir replied

    Hey Again,

    I am afraid thats not possible either with the Full Screen Page Rows Feature. We would recommend using a Third Party Slider plugin that offers these features. 

    Thanks.


    ThemeNectar Support Team 

  • Jan replied

    Hello,

    How can I target a particular row using extra class section ? 

    I am trying to utilize this code

    <script> var currentSlide = 1; var totalSlides = 4;
    function scrollToSlide(slideNumber) { var element = document.getElementById('slide' + slideNumber); element.scrollIntoView({behavior: 'smooth'}); }
    function nextSlide() { currentSlide++; if (currentSlide > totalSlides) { currentSlide = 1; } scrollToSlide(currentSlide); }
    setInterval(nextSlide, 5000); 
    </script>


  •  8,406
    Tahir replied

    Hey Again,

    Could you provide the page url where we can see the issue ?.

    Thanks.


    ThemeNectar Support Team 

  •  8,406
    Tahir replied

    Hey Again,

    You will have to use the Class Name "swiper-slide" instead of using ID : 

    4612684408.png

    Thanks.


    ThemeNectar Support Team 

  • Jan replied

    Hello,

    But my full screen rows are now turned of - do I still have to use "swiper-slide" class ? By slide I mean sections of my site, the js code I provided should target each row. I didn't mean this Powerpoint slide section :) 

  •  8,406
    Tahir replied

    The Sliders are using that class as in the screenshot. Depending on the logic and what you wish to do with the code you will have to choose accordingly.

    Thanks


    ThemeNectar Support Team 

  • Madr3n replied

    Hi, so just to confirm as I am trying something similar I believe. I would like to add Vertical Sticky Scrolling tabs within Page Full Screen Rows. This is currently not possible? I enabled the scroll option for overflow on Page Full Screen Rows, so the tabs show and you can scroll through it, but the Tab Links don't stay sticky.

  •  8,406
    Tahir replied

    @Madr3n  ,

    Yes, it wont work as the Page Fullscreen Rows feature changes the html markup of the whole page to comply with "fullpage.js" library. 

    Thanks 


    ThemeNectar Support Team