How can I hide the default 'Buy' button for specific products on Shopify?

Store Design
1

Hey there all. Developer using Shopify for the first-time for an agency. Basically I want advice on the best way to be able to hide the default “Buy”/“Add to Cart” button for specific products. Some of the products on our webstore are products we share with/promote with our partners. So for certain products, we don’t want the user to be redirected to our store’s shopping cart, we want to redirect them to our partner’s shopify page. I built a custom button for that easy, but the default “Buy” buttons are still there. Any suggestions?

We are currently usinig the latest version of the “Reach” theme. I am competent in JS, HTML and CSS but I am not at all familiar with liquid, and so navigating these project files has been difficult. Any advice, help would be appreciated.

2

Hi @yeats_radiata ,

I am not quite familiar with the Reach theme. Is there anyway you can share the website?

Usually the button, has an attribute type=“submit” since it is under the the product form. You can simply hide using CSS or remove the html code.

To use the product page for an specific product only, I would suggest creating a template for it and assign it. See the video for instructions