Icclebug Posted June 19, 2020 Share Posted June 19, 2020 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
Naitik Posted June 19, 2020 Share Posted June 19, 2020 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. Icclebug 1 Best, Naitik MehtaMemberstack.io — add user logins, member profiles & payments to any website without coding.Linkedin • Twitter Link to comment
Icclebug Posted June 19, 2020 Author Share Posted June 19, 2020 Hi, I used this: #item-5eebf7d8a5028a07b4437cc5 .sqs-add-to-cart-button { display: none !important; } Link to comment
paul2009 Posted June 19, 2020 Share Posted June 19, 2020 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. Icclebug 1 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Icclebug Posted June 19, 2020 Author Share Posted June 19, 2020 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment