Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Remove lightbox button


Icclebug

Question

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 post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Hi there! Happy to try and help — can you share the custom CSS you've added to remove the button on the product's page? Might be a way to edit/update that to include the lightbox button as well.

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-a

4 answers to this question

Recommended Posts

  • 0

Hi there! Happy to try and help — can you share the custom CSS you've added to remove the button on the product's page? Might be a way to edit/update that to include the lightbox button as well.

Best,
Naitik Mehta
Memberstack.io — add user logins, member profiles & payments to any website without coding.
Linkedin • Twitter

Link to post
  • 0
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.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
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 post

Create an account or sign in to comment

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


×
×
  • Create New...