Jump to content

Remove lightbox button

Recommended Posts

Hi everyone, 

I have a few products on a page on the website, all set to have the 'quick view' option, so the lightbox appears.

I've changed all the 'add to cart' buttons to 'join', as it's a membership they are purchasing. However, one of them they need to contact us for and I don't want the option for them to purchase online. So I've managed to add some CSS to remove the button when on that product's page, but I can't find a way of removing the button from the lightbox. 

The link to the product page is here: https://oarfish-salmon-gpgd.squarespace.com/how-to-join

The link to the product I've removed the button from is here: https://oarfish-salmon-gpgd.squarespace.com/membership-options/fellow

I'd be grateful for any advice on how to remove the button from the lightbox on the above product please. 

Password: criminaljustice

Thank you

Link to comment
3 hours ago, Icclebug said:

I've managed to add some CSS to remove the button when on that product's page, but I can't find a way of removing the button from the lightbox.

The CSS you have used to remove the button will only work on the product detail page where the full description is shown. 

Instead of using your existing CSS, you can use this instead:

.sqs-add-to-cart-button[data-item-id="5eebf7d8a5028a07b4437cc5"]{
  display: none!important;
}

This references this product's unique ID and will hide the Add-to-Cart button for this product, wherever it appears.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
4 minutes ago, paul2009 said:

The CSS you have used to remove the button will only work on the product detail page where the full description is shown. 

Instead of using your existing CSS, you can use this instead:


.sqs-add-to-cart-button[data-item-id="5eebf7d8a5028a07b4437cc5"]{
  display: none!important;
}

This references this product's unique ID and will hide the Add-to-Cart button for this product, wherever it appears.

Perfect Paul, really appreciate your help. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.