Jump to content

Beyondspace

Circle Member
  • Posts

    9,915
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by Beyondspace

  1. For Gallery Section Slideshow: Full, the arrow selector is slightly different <script> // Wait for the DOM content to be fully loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll('.gallery-fullscreen-slideshow-control-btn[aria-label="Next Slide"]'); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { var intervalId; // Variable to hold the interval ID // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); } // Start the auto-scrolling for the current carousel intervalId = setInterval(autoScroll, 4000); // Stop autoplay when the arrow is clicked arrow.addEventListener("click", function(e) { // Stop autoplay when it is user-triggered event if (e.offsetX || e.offsetY) { clearInterval(intervalId); } }); }); }; </script> cc @Laticauda
  2. You can check Classic Gallery block, it allows insert Gallery blocks on your sections, free available
  3. Check this answer to see if it works for you
  4. This is tested against your site and it works <script> // Wait for the DOM content to be fully loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll('[data-test="gallery-reel-control-btn-next"]'); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { var intervalId; // Variable to hold the interval ID // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); } // Start the auto-scrolling for the current carousel intervalId = setInterval(autoScroll, 4000); // Stop autoplay when the arrow is clicked arrow.addEventListener("click", function(e) { // Stop autoplay when it is user-triggered event if (e.offsetX || e.offsetY) { clearInterval(intervalId); } }); }); }; </script> Place it in your Footer injection
  5. First turn off the autoplay of Gallery Slideshow:simple section, this script will autoplay the gallery until user clicks on the next arrow <script> // Wait for the DOM content to be fully loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll(".gallery-slideshow-control-next .gallery-slideshow-control-btn"); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { var intervalId; // Variable to hold the interval ID // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); } // Start the auto-scrolling for the current carousel intervalId = setInterval(autoScroll, 4000); // Stop autoplay when the arrow is clicked arrow.addEventListener("click", function(e) { // Stop autoplay when it is user-triggered event if (e.offsetX || e.offsetY) { clearInterval(intervalId); } }); }); }; </script> cc @D_Efinger
  6. Try <script> // Check if the window is loaded window.onload = function() { if (window.self !== window.top) { return; } // Function to simulate clicking the next arrow function clickNext(arrow) { arrow.click(); } // Query all elements with the class for carousel next arrows var nextArrows = document.querySelectorAll(".summary-carousel-pager-next"); // Set auto-scrolling for each carousel nextArrows.forEach(function(arrow) { // Define a function to handle auto-scrolling for a specific carousel function autoScroll() { clickNext(arrow); setTimeout(autoScroll, 4000); // Set the next auto-scroll after 4 seconds } // Start the auto-scrolling for the current carousel autoScroll(); }); } </script> If you want all your summaries on your site to auto run, place this code in your site Footer injection. Otherwise place it into each Page code injection
  7. Are you planning to keep subscription of the website railroadworkersunited.org? If not then you have to migrate the files unfortunately
  8. Checkout our freebie that supports adding Gallery blocks on 7.1 sections, then you can mix youtube videos and image in your carousel Classic Gallery block Kapture 2024-03-09 at 10.42.43.mp4
  9. Updated script to use plain Javascript and stops if it is in edit mode <script> if (window.self === window.top) { document.addEventListener("DOMContentLoaded", function() { setTimeout(function() { const nextButton = document.querySelector('.gallery-reel-control-btn[data-next]'); if (nextButton) { nextButton.click(); } }, 3500); }); } </script>
  10. Install this script to add Gallery blocks to your section Classic Gallery block, it is available for Personal plan users via Tampermonkey script as well
  11. You can use Gallery blocks to add a Carousel of Youtube video, check out Classic Gallery block
  12. I created this freebie to unblock the gallery block for users, check Classic Gallery block. For those who are using Personal plan, the script is available as Tampermonkey script, too @CoorlasArchitecture @nparkdesigns Kapture 2024-03-09 at 10.42.43.mp4
  13. If you are looking for alternative, check our script Admin Quick acess https://beyondspace-showcase.squarespace.com/blog/replace-escape-key-login-with-admin-quick-access Kapture 2024-03-14 at 15.35.54.mp4
  14. I think you may want to add a description to your image, and then use some custom code/css to hide the image and only display the text only
  15. You may find my snippet Admin Quick Access useful, recently I updated the code so it works on frontend mode, helps you quickly lands in the admin dashboard from any page. note that logged out user or your clients won't see this quick access in action Kapture 2024-03-14 at 06.29.07.mp4
  16. Gallery blocks only available to Circle users, normal users won't see the block on 7.1 Classic section and Fluid section
  17. ℹ️ Last update of Classic Gallery block plugin now unblocks Existing Gallery option
  18. Existing Gallery in 7.1 

    I just made some changes to Classic Gallery block, now it allows you to choose existing galleries, just like 7.0 did! You can create a Gallery block or Section on a blank page and the existing gallery will be available to choose.

    If you have a dropdown name exactly `Classic Gallery Pages`, the code will look for pages inside that dropdown only, help reduce the time comparing to seeking gallery on all other pages...

     

    SCR-20240312-rxo.png

  19. The itemId is auto generated for each image and can not be changed when opening the lightbox
  20. Will this help? also please note that the downloaded images are not the origin files, since Squarespace has been made some compression to your images, but the code will try to download the max images size at 2500px...
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.