Jump to content

How can I remove "add to cart" button on just one store?

Go to solution Solved by paul2009,

Recommended Posts

Posted

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?

  • Replies 4
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution
Posted (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 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.

Posted
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.

image.thumb.png.0aa0f5ea656ff7014372eda0d37dd7ee.png

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.

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.