yeshidesigns

On 6/24/2020 at 6:30 PM, rwp said:

jQuery 3.5.1 (you will need to add in the jQuery script as well, its available from https://code.jquery.com/ I use minified.

Upload the image that you want to use as the top image to the header in Squarespace

Supply the url for top image and scroll image (its important that this matches the one you uploaded)

The code will set the image class to "logo", it does this by using your alt tag, which is the only identifier Squarespace gave that img tag.

After scrolling more than 100px, it will replace the image, change the value from 50 if you want it more or less.

var topIMG = "";
var sclIMG = "";

$('img[alt="Gabriela Silveira"]').attr("class", "logo")

$(window).scroll(function() {
   var value = $(this).scrollTop();
   if (value > 50)
      $(".logo").attr("src", sclIMG);
   else
      $(".logo").attr("src", topIMG);
});

 

Hey there, are you able to share the full code needed? I added in the jQuery 3.5.1 script but was confused where to add images and format the above.

@paul2009 Ah, okay, thanks for the explanation! Hopefully they fix that soon.

Do you know of any other way to hide the cart until an item is added?

On 1/30/2020 at 8:50 AM, paul2009 said:

@Superhanss I published a solution here: How to hide the empty shopping cart on Squarespace 7.1.

I tried this and it's not working for me. I'm using Squarespace 7.1. Do you mind taking a look?
My site is yeshidesigns.squarespace.com
Password: yeshidesigns2020