Hide ADD TO CART BUTTON from custom product page

Store Design
, ,

Topic summary

Hiding the Add to Cart button on a custom Shopify product page and replacing it with a “Contact” button.

  • The author duplicated the product page .liquid and .json to create a separate template. They want to hide the default Add to Cart and instead show a button linking to the contact page.

  • They can’t locate the product-form element to hide (e.g., class=“product-form”), and asked if the redirect should use a full URL. They also want the custom button to look like the default (centered, full width).

  • Current implementation: within the buy_buttons case, they added an anchor: CONTACT TO PURCHASE THIS ARTWORK.

  • They referenced a prior forum guide but remain stuck.

  • Response: One suggestion says to paste code at the bottom of theme.liquid to hide Add to Cart (no actual code provided). It also suggests making the custom button full width via inline style (style=“width:100%;”). The example link shows a likely typo and uses a relative URL.

  • Status: No confirmed solution. Open questions: exact selector/location to hide the Add to Cart, whether to use relative vs absolute URL, and how to fully match default button styling.

Summarized with AI on December 30. AI used: gpt-5.
1

Hi - can anybody advise how can I hide the ADD TO CART BUTTON from the new PRODUCT PAGE I crated. I’ve duplicated the .liquid and .json of the product page, so I can a separate product page template, in which instead of showing the ADD TO CART button I can add a custom buttom that redirects to the contact page.

Page: https://gastonduflos.com/products/palm

  1. Please advise where can I find the code in the section liquid file and hide it. I dont seem to find the class=“product-form” and add the style=“display: none”

  2. When redirecting to a new page with the new button, should I use the whole URL?

  3. How can I edit the button to look like the default add to cart? Centered, full width?

So far Ive added this code:

{%- when ‘buy_buttons’ -%}
CONTACT TO PURCHASE THIS ARTWORK

Thank youu!

2

So far Ive used the information shared on the below page but Im stuck please help

https://community.shopify.com/topic/1644592

3

you can try to use this code paste at theme.liquid bottom to hide the button add to cart .

CONTACT TO PURCHASE THIS ARTWORK replace with this to make your button full width.