[Share] Change Logo on Shop Page

To change Logo on Shop Page, you can follow these code.

• Note: I use a random logo url. You can replace with new url.
• To get logo url, you can upload image in comment > right click on logo > Copy image address url. (You can also add an Image Block/Gallery Section > Upload logo image > Save > Right click on logo to get url)
• If you can't make it work, you can share link to Shop Page in Comment or Message me, I can check easier.

#1. Change Logo on All Shop Pages

Use code to Custom CSS box

[class*="type-products"].view-list header#header img {
content: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
}

#2. If you want to change logo on Individual Product Pages only, use this CSS code

[class*="type-products"].view-item header#header img {
content: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
}

#3. If you want to change on Shop Page + Individual Products, use this code

[class*="type-products"] header#header img {
content: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
}

#4. If you want to change Logo on Specific Shop Page, first you need to find Shop Page ID with this free tool.

https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

In my example, we will have: #collection-659e63b2e6c7d41bc7e4f718

then use this code to Custom CSS box

#collection-659e63b2e6c7d41bc7e4f718 header#header img {
content: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
}

If you want this code apply on Shop Page + Individual Products, use this code

.collection-659e63b2e6c7d41bc7e4f718 header#header img {
content: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
}

here I changed the # symbol to a dot

#collection-659e63b2e6c7d41bc7e4f718

to

.collection-659e63b2e6c7d41bc7e4f718