Billy_Lindon
Circle Member-
Posts
25 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Billy_Lindon
-
Embedding eviivo booking system?
Billy_Lindon replied to morgandaniel's topic in Customize with code
I also have a client looking to move to Squarespace, but requires the eviivo booking system to be integrated. Anyone have experience? -
The accordion only allows a single title e.g. 'Read more' - but the expected behaviour is for it to toggle to 'Read less' or similar when the accordion item is open. Add this code to your footer section in 'Advanced > Code Injection' (business plan required?) and it will apply site-wide: <script> // Add an event listener to run the code once the DOM content has been loaded document.addEventListener('DOMContentLoaded', function () { // Select all elements with the 'accordion-item__click-target' class var readToggleButtons = document.querySelectorAll('.accordion-item__click-target'); // Check if the buttons exist on the page if (readToggleButtons) { // Iterate through all the buttons readToggleButtons.forEach(function (readToggleButton) { // Add a click event listener to each button readToggleButton.addEventListener('click', function () { // Set a timeout to run the code after a short delay (50ms) to ensure the 'aria-expanded' attribute is updated before toggling the text setTimeout(function () { // Select the span element with the 'accordion-item__title' class inside the current button var readToggleSpan = readToggleButton.querySelector('.accordion-item__title'); // Determine if the current button is expanded based on the 'aria-expanded' attribute value var isExpanded = readToggleButton.getAttribute('aria-expanded') === 'true'; // Toggle the text based on whether the button is expanded or not toggleText(readToggleSpan, isExpanded); }, 50); }); }); } // Define the 'toggleText' function that changes the text of the given element based on the 'isExpanded' parameter function toggleText(element, isExpanded) { // If the button is expanded, set the text to 'Read less' if (isExpanded) { element.innerHTML = 'Read less'; // Otherwise, set the text to 'Read more' } else { element.innerHTML = 'Read more'; } } }); </script>
-
Read less in product accordion dropdown
Billy_Lindon replied to amanda4's topic in Customize with code
If you want the 'Read more' to change to 'Read less' on toggle - add this script to your footer in 'Advanced > Code Injection' and it will apply to all accordions site-wide: <script> document.addEventListener('DOMContentLoaded', function () { var readToggleButtons = document.querySelectorAll('.accordion-item__click-target'); if (readToggleButtons) { readToggleButtons.forEach(function (readToggleButton) { readToggleButton.addEventListener('click', function () { setTimeout(function () { var readToggleSpan = readToggleButton.querySelector('.accordion-item__title'); var isExpanded = readToggleButton.getAttribute('aria-expanded') === 'true'; toggleText(readToggleSpan, isExpanded); }, 50); // We're adding a small delay here to make sure the aria-expanded attribute is updated before we toggle the text }); }); } function toggleText(element, isExpanded) { if (isExpanded) { element.innerHTML = 'Read less'; } else { element.innerHTML = 'Read more'; } } }); </script> -
Image formatting to improve page speed
Billy_Lindon replied to Michael_Kornmann's topic in Best Practices
Over 3 years now and STILL no .webP support from squarespace. All browsers now support the format. Our competitors are killing us on page-loading performance and ranking higher in search results. So, thanks SQSP for perpetuating the FACT that your platform is bad for SEO. It's infuriating that you utilised .webP on your own home page but deny it for your own customers! https://media-www.sqspcdn.com/images/pages/homepage/jun-2022/hero/nina/background/background-3-375.webp Shameful and demonstrates the contempt you have for us. -
Several times now I've abandoned entire pages built using FE and completely rebuilt pages from scratch using the old editor because it was impossible to work with FE. Squarespace is causing me to try SeedProd on WordPress for my next project. If it works better and costs me less time than FE, I'm gone - and I doubt I'll be back.
-
Fluid Engine is some kind of sick joke on Squarespace users. It takes us back to the dark days of separate desktop and mobile sites. It's absolutely dire. AND its a trap, because once you switch there's no way back! WTAF?
-
Image formatting to improve page speed
Billy_Lindon replied to Michael_Kornmann's topic in Best Practices
Been following this thread for over 2 years now. STILL NO WEBP! - It's absolutely shocking to me. Wix's presence at BrightonSEO and their focus on SEO improvements is making it harder and harder to recommend Squarespace to clients. No .webP support is seriously hurting right now. I'm not sure I can justify recommending SS anymore. Sad and annoying. -
I set the sheet's sharing to 'anyone with the link can view' and put its url in an iframe. In css I set iframe {height:100vh;} demo: https://letsgetdigital.net/google-sheet-test B
-
Image formatting to improve page speed
Billy_Lindon replied to Michael_Kornmann's topic in Best Practices
The very fact that we have to 'feature request' WebP is ridiculous. Pull your finger out SS as you are slipping behind. -
Image formatting to improve page speed
Billy_Lindon replied to Michael_Kornmann's topic in Best Practices
I think the feeling in the thread @paul2009 is that it is quite disappointing that this de facto standard web image format is not already supported by a platform whose entire marketing is based on promoting itself as a cool, modern web design platform. It shouldn't be up to the users to request something that is pretty much a web standard now. I can't for a minute imagine the SS product managers are unaware of the importance of next gen image formats! It's just so disappointing that someone high up in Squarespace clearly doesn't get it and is not prioritising it. -
Image formatting to improve page speed
Billy_Lindon replied to Michael_Kornmann's topic in Best Practices
In the developer notes, Apple notes that it has added WebP image support for the first time in Safari.