Jump to content

Aullie

Member
  • Posts

    2
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    Aullie reacted to Beyondspace in Video page - Vimeo blurry thumbnail css or script solution?   
    Change the callback event to window.load, it works
    <script> window.addEventListener("load", (event) => { const images = document.querySelectorAll('.summary-thumbnail img'); images.forEach(image => { const src = image.getAttribute('src'); if (src?.includes('295x166')) { const newSrc = src.replace('295x166', '640'); image.setAttribute('src', newSrc); } }); }); </script>  
  2. Thanks
    Aullie reacted to Chlobot in Video page - Vimeo blurry thumbnail css or script solution?   
    HI @Beyondspace
    I removed the extra scripts and I no longer need the related video thumbnails so I removed that part too, but it's still not working 🥲
    Here's what I have in the code inject footer:
    <script> window.addEventListener('DOMContentLoaded', () => { const images = document.querySelectorAll('img.grid-item-image'); images.forEach(image => { const src = image.getAttribute('src'); if (src.includes('295x166')) { const newSrc = src.replace('295x166', '1280'); image.setAttribute('src', newSrc); } }); }); </script> <script> window.addEventListener('DOMContentLoaded', () => { const images = document.querySelectorAll('.summary-thumbnail img'); images.forEach(image => { const src = image.getAttribute('src'); if (src?.includes('295x166')) { const newSrc = src.replace('295x166', '640'); image.setAttribute('src', newSrc); } }); }); </script> The homepage video collection thumbnails are working but still not the summary block images...
     
     

  3. Thanks
    Aullie reacted to Beyondspace in Video page - Vimeo blurry thumbnail css or script solution?   
    <script> window.addEventListener('DOMContentLoaded', () => { const images = document.querySelectorAll('.summary-thumbnail img, img.related-item-thumbnail');   images.forEach(image => {     const src = image.getAttribute('src');     if (src?.includes('295x166')) {       const newSrc = src.replace('295x166', '640');       image.setAttribute('src', newSrc);     }   }); }); </script> Try

  4. Thanks
    Aullie reacted to Chlobot in Video page - Vimeo blurry thumbnail css or script solution?   
    I successfully used this script for my Video collection page!
    I also adapted the script for "related video" thumbnails with the following code:
    <script> window.addEventListener('DOMContentLoaded', () => { const images = document.querySelectorAll('img.related-item-thumbnail'); images.forEach(image => { const src = image.getAttribute('src'); if (src.includes('295x166')) { const newSrc = src.replace('295x166', '640'); image.setAttribute('src', newSrc); } }); }); </script>  
    Now I'm trying the fix the summary block that's linked to the video collection, but I can't get it to work! I tried replacing  'img.related-item-thumbnail' with 'img.summary-thumbnail-image' and some variations of this but nothing worked.
    Can anyone help with this??
     
    Website: https://keyboard-wedge-26cw.squarespace.com/work
    PW: test123
     
    Thank you coding angels!!
  5. Thanks
    Aullie reacted to TommyShims in Video page - Vimeo blurry thumbnail css or script solution?   
    I had this issue too and found Squarespace was pulling low-res (295x166) thumbnails from Vimeo by default. You can see this by inspecting the src for "img.grid-item-image".
    The link will look like this i.vimeocdn.com/video/....-d_295x166. Changing the last part to -d_640 gives you a higher-quality image. 
    This script below finds any 'img.grid-item-image' elements on a page and checks if their 'src' attribute includes "295x166". If it does, it replaces that part of the URL with "640" and sets the updated URL as the new src attribute value for the image.
    To use this code, you can add it to the "Code Injection" section of your Squarespace site. Go to "Settings" > "Advanced" > "Code Injection" and paste the code into the "Footer" section. Save the changes and then refresh the page to see if the images have been updated with the new URL.
     
    <script> window.addEventListener('DOMContentLoaded', () => { const images = document.querySelectorAll('img.grid-item-image'); images.forEach(image => { const src = image.getAttribute('src'); if (src.includes('295x166')) { const newSrc = src.replace('295x166', '640'); image.setAttribute('src', newSrc); } }); }); </script>  
    You can modify the code to target other elements too if needed. 
  6. Like
    Aullie reacted to catherineb10 in Work around for a Search Bar on a Member Area page?   
    Hey there! I've seen the Universal Filter plugin sited many places.  I'm considering the Universal Filter for a client who is dissatisfied with Squarespace's built-in search box block. She has a large paywalled video catalog and Squarespace's search block cannot index private content.
    It doesn't seem to be directly addressed in the Universal Filter FAQs, so I wanted to make completely sure that this plugin DOES work for content that is private?
  7. Like
    Aullie reacted to Lubalin in Can you edit the 'start course' button?   
    I know the course templates are in the early stages (would LOVE to be able to duplicate a course rather than rebuild each time) and this is a rather specific one, but for our learning purposes we're referring to Modules > Lessons as opposed to Courses > Lessons.
    This isn't a problem across most of the site where we can just change the term ourselves, but the 'Start course' button seems to be locked down with no edit feature. Am I being dense?
  8. Like
    Aullie reacted to mishasky in Automate Email Campaigns for Membership Subscribers   
    Chiming in that it's frustrating that you can't bulk email members, especially with the pricing of Member Areas. Or at least automate mailing lists between Member Areas and Email Campaigns. I hope this is on Squarespace's radar. 
×
×
  • 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.