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
  • Replies 2
  • Views 627
  • Created
  • Last Reply
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

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.