yo_its_yoyo Posted October 13, 2021 Share Posted October 13, 2021 Site URL: https://www.exploreandwonder.com/ Having a hard time understanding the upload sequence for my website. When I upload a new image it automatically adds it to the bottom of the photo pool rather than (what I would think would be) the top. Is there any way to automatically have an upload go to the top next to the blue bird image rather than way at the bottom? Link to comment
Beyondspace Posted October 13, 2021 Share Posted October 13, 2021 14 minutes ago, yo_its_yoyo said: Site URL: https://www.exploreandwonder.com/ Having a hard time understanding the upload sequence for my website. When I upload a new image it automatically adds it to the bottom of the photo pool rather than (what I would think would be) the top. Is there any way to automatically have an upload go to the top next to the blue bird image rather than way at the bottom? We can only use javascript to reorder the image display on page load BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
yo_its_yoyo Posted October 13, 2021 Author Share Posted October 13, 2021 18 minutes ago, bangank36 said: We can only use javascript to reorder the image display on page load Thanks for answering. Do you happen to know how to do that or can point me to where I could find more info on that? Link to comment
Beyondspace Posted October 13, 2021 Share Posted October 13, 2021 1 hour ago, yo_its_yoyo said: Thanks for answering. Do you happen to know how to do that or can point me to where I could find more info on that? I provided one working solution once, let me find the old post BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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 October 13, 2021 Share Posted October 13, 2021 1 hour ago, yo_its_yoyo said: Thanks for answering. Do you happen to know how to do that or can point me to where I could find more info on that? I used this snippet to reverse the order of the upload, making the lastest uploaded move to the top, hope this help. Kindly paste the code into the header injection <script> document.addEventListener('DOMContentLoaded', function() { let masonry = document.querySelector(".gallery-masonry .gallery-masonry-wrapper"); let masonryItemReverse = Array.from(masonry.querySelectorAll(".gallery-masonry-item")).reverse().map((item) => { masonry.appendChild(item); }); }); </script> BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
yo_its_yoyo Posted October 13, 2021 Author Share Posted October 13, 2021 11 hours ago, bangank36 said: I used this snippet to reverse the order of the upload, making the lastest uploaded move to the top, hope this help. Kindly paste the code into the header injection <script> document.addEventListener('DOMContentLoaded', function() { let masonry = document.querySelector(".gallery-masonry .gallery-masonry-wrapper"); let masonryItemReverse = Array.from(masonry.querySelectorAll(".gallery-masonry-item")).reverse().map((item) => { masonry.appendChild(item); }); }); </script> Thank you! Looks like I also need to upgrade my website from person to something more. But once I do I will plus this into the header injection. Beyondspace 1 Link to comment
Beyondspace Posted October 13, 2021 Share Posted October 13, 2021 1 minute ago, yo_its_yoyo said: Thank you! Looks like I also need to upgrade my website from person to something more. But once I do I will plus this into the header injection. Cool BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment