Re: Changing the add to cart button to contact us button

Are you trying to modify a Point of Sale hardware interface, or a theme for the online sales channel?

If the online sales channel you will want to self report this thread and request it be moved to the proper design forum to improve visibility to chance of a solution.

https://community.shopify.com/category/ecommerce-design

And be sure to provide context for others that you know but they don’t , https://community.shopify.com/c/shopify-design/help-us-help-you/td-p/668159

For vintage themes see this customization as a jumping off point https://community.shopify.com/c/shopify-design/forms-add-a-back-in-stock-notification-form/m-p/616599#viewing-or-changing-where-notifications-are-sent-sectioned-themes-specific

If you just need it done, you can contact me directly for customization services, info in signature, provide context: store url, theme, post url and any further detail.

Thanks Paul, what would the likely charges be for your services? I imagine for an expert it is a pretty easy fix. The business is a NZ native plant nursery growing shrubs and trees for riparian plantings and ecological restoration areas so we don’t want an add to cart button which brings up the hidden prices. We want to keep the add to quote button because decisions will be made on pricing based on the size of the order and trees and shrubs available that suit the job. When I try to get rid of the add to cart button, the add to quote button goes too. Hence the idea to replace the add to cart button with contact us (though there are opportunities elsewhere on the site to contact the nursery). The store’s theme is Dawn, the store url is https://tuaropaki-nursery-com.myshopify.com

Cheers

Contact me with details for estimates.

Things like {% section 'product-template %} are guidance for a specific theme or it’s version at time of writing, beyond that you have to figure out which file applies for a specific theme. In OS2.0 themes this may be main-product.liquid but that in turn may have the actual relevant code in snippets.

I don’t know anything about the quote system you mention but the contact-us is a kind of XY-problem .

If there’s some subfeature that disables itself when the add to cart button is gone it’s probably either just lookin for the form and more likely it’s action attribute value: <form method=“post” action=“/cart/add”… with a CSS selector like

form[action="/cart/add"] {...}

or it’s directly looking for an addtocart button possibly a child of the form:

<button type=“submit” name=“add”… with a CSS selector like one of the following

button[name="add"] {...}
/* or it's targeting the button type*/
button[type="submit"] {...}
/* or more specific */
form[action="/cart/add"] button[name="add"] {...}

So you may be able to hide/disable the add-to-cart and insert a placeholder that matches what the quote system is looking for(name=“add”) , but is disabled and made invisible with opacity:0.

It may need type=“submit” added to it.


or the form itself