Jump to content

Removing Add to Cart button and replace with an Inquire about Availability link

Recommended Posts

Site URL: https://www.squirebroel.com/store/p/the-circle-of-fifty-membership

I was reading through a thread from April 28, 2020 where Paul2009 was assisting someone with figuring out how to make certain items on their site not available for online purchase, but possibly available via an email inquiry. Paul2009 provided a link to some code that would be added in the footer section under Code Injection. It's been quite a while since I've worked with CSS. I tried to copy and paste the code that was suggested, but I must have missed something. I wasn't able to get it to work.

Currently there is just one item that I would like to remove the "Add to Cart" button from. There are other items on the site that are out of stock and shown as SOLD OUT, which I'd like to keep visible, so I'm hoping that there's a CSS solution that will enable some items to show SOLD OUT  (when quantity is 0) and that other items can still show the price, but not have an "Add to Cart" button.  Any insights would be greatly appreciated. Thank you.

Here is a link to the item I'm referencing: https://www.squirebroel.com/store/p/the-circle-of-fifty-membership

And I'm attaching a screen cap of what I'm hoping to implement.

1528723939_ScreenShot2021-03-06at11_15_24PM.thumb.png.b070d75a243b9b1d998a5992e9e343ff.png

Link to comment
3 hours ago, Squire said:

Currently there is just one item that I would like to remove the "Add to Cart" button from. Here is a link to the item I'm referencing: https://www.squirebroel.com/store/p/the-circle-of-fifty-membership

If you literally want to hide the Add to Cart button on the product on the page you referenced (https://www.squirebroel.com/store/p/the-circle-of-fifty-membership) then you can add the following to Custom CSS:

#item-603eafdd63f577211a78aaa6 .ProductItem-details .sqs-add-to-cart-button-wrapper {
    display: none;
}


This uses the unique product ID for the product you referenced. The 'Call to Purchase' text can be added to the Product Description text.

If you would prefer something more elegant that makes it easy to enable/disable this on a product-by-product basis and allow customers to inquire online, we have have an addon available called the Product Enquiry Form extension

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

Thank you so much Paul2009. Greatly appreciated. I'm just launching this new product/project and am hopeful that it'll garner some interest. As of yet I've not driven much sales traffic through my site as I've been predominantly a brick and mortar operation. I'll check out SF Digital - I thank you for sending along the details about the Product Enquiry Form extension. I'm hoping that I'll eventually need something like that as I develop more products and events. All of this selling and promoting online is quite new to me. I am grateful for your insights on the issue that I'd posted about.

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.