Hide one specific image from all product page lighboxers

Hi, I would love some help with removing one specific image from a lightbox on the individual product page please.

I have six images on the page and would like to hide one of the images.

Sorry I can't share the URL but this is an example page - https://www.alanadimou.com/shop/goldfish-street

Thank you in advance. I'm sure @tuanphan will have something up your sleeve! 

find that specific image id or class and then add below code into custom css:

#block-exampleId {
display:none !important;
}

Replace the id.

Thanks @Squareko, bit frustrating of Squarespace if I'm listing hundreds of products! Any other ideas?

On 11/24/2024 at 3:17 PM, kylife said:

Thanks @Squareko, bit frustrating of Squarespace if I'm listing hundreds of products! Any other ideas?

Could you rename those product image into a consistent convention? We can use custom css to target those specific name/prefix and hide them

On 11/22/2024 at 9:45 AM, kylife said:

Hi, I would love some help with removing one specific image from a lightbox on the individual product page please.

I have six images on the page and would like to hide one of the images.

Sorry I can't share the URL but this is an example page - https://www.alanadimou.com/shop/goldfish-street

 

Thank you in advance. I'm sure @tuanphan will have something up your sleeve! 

If all images has same name, or contain a specific word

for example this image

with name: alanadimou-goldfishstreet

if you add a word: hide after it

so it will be alanadimou-goldfishstreet-hide

we can use CSS code to target all

div.sqs-lightbox-padder img[src*="hide"] {
    display: none;
}