Outlast-Creative Posted December 21, 2021 Share Posted December 21, 2021 Site URL: https://tyres-assist.squarespace.com/ Hi all, James form Outlast Creative again, I was wondering if one of you lovely people can help me with adding an auto scroll to a carousel on the homepage of my newest site I'm building for a garage. The logos are of Car makes and I wanted them to sit under the hero in an auto scrolling fashion. Password to the site is: testy Link to comment
Beyondspace Posted December 21, 2021 Share Posted December 21, 2021 1 hour ago, Outlast-Creative said: Site URL: https://tyres-assist.squarespace.com/ Hi all, James form Outlast Creative again, I was wondering if one of you lovely people can help me with adding an auto scroll to a carousel on the homepage of my newest site I'm building for a garage. The logos are of Car makes and I wanted them to sit under the hero in an auto scrolling fashion. Password to the site is: testy Try adding to Home > Settings > Advanced > Code Injection, choose footer <script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if (window.location == window.parent.location) { const reelControls = document.querySelectorAll('[aria-label*="Next"]'); reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script> Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too creedon 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted December 21, 2021 Share Posted December 21, 2021 My testing result auto scroll.mp4 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Outlast-Creative Posted December 21, 2021 Author Share Posted December 21, 2021 Hi, thanks for the response but I only have a header injection code?? Is this correct? Link to comment
Outlast-Creative Posted December 21, 2021 Author Share Posted December 21, 2021 Hi all, I ended up finding a great tutorial on how to add this to you site: https://www.will-myers.com/scrolling-logo-in-squarespace tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment