paiger Posted June 21 Posted June 21 I have 2 stores on my site and want to have different buying settings for each. One for viewing items available for hire - but to have NO buy button The other store is for products available to purchase directly through the website - to have an 'add to cart' button. How can I hide the buying options on my first store but keep them on the second?
Solution paul2009 Posted June 21 Solution Posted June 21 (edited) 4 hours ago, paiger said: How can I hide the buying options on my first store but keep them on the second? You can do this with a few lines of Custom CSS. With CSS you can hide the buying features (like the Add to Cart button and quantity selector), for example: .sqs-add-to-cart-button-wrapper, .product-quantity-input { display: none!important; } If you only want it to apply to one Store, you can prefix your CSS with the unique 'collection ID' of that store. Each Store page (or Blog page, Events page, and so on) has its own Collection ID. You could also do this in the page's Advanced panel by placing it in some Style tags, but this can be difficult to find later if you're troubleshooting a problem! My brief introduction to Using CSS on Squarespace should help to get you started but post back with your store URL if you need specific guidance. Did this help? Please give feedback by clicking an icon below ⬇️ Edited June 21 by paul2009 edited for clarity Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
paiger Posted June 21 Author Posted June 21 Thank you! The code worked but also removed it from my other store. This is the store I would like to remove the button: https://www.onoboutique.com.au/dresses And this is the store that I want to keep the button: https://www.onoboutique.com.au/products-1 Thanks
paul2009 Posted June 21 Posted June 21 16 minutes ago, paiger said: Thank you! The code worked but also removed it from my other store. Yes, this is expected. As I mentioned, the CSS will remove it from the site unless you prefix it with the specific Collection ID, or add the styles to the Dresses page specifically, within the Advanced panel (see below). The Collection ID for the 'Dresses' page is #collection-60976bfdb29fb10a8f644a2b. In the Custom CSS panel, you could therefore use: #collection-60976bfdb29fb10a8f644a2b { .sqs-add-to-cart-button-wrapper, .product-quantity-input { display: none!important; } } Alternatively, you could go to the Dresses page > Page Settings > Advanced > Page Header Code Injection and add this instead: <style> .sqs-add-to-cart-button-wrapper, .product-quantity-input { display: none!important; } </style> Did this help? Please give feedback by clicking an icon below ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment