I would like to remove the shop button add to cart and more options button from this page

Store Design

Topic summary

A user wants to remove the “Shop,” “Add to Cart,” and “More Options” buttons from a specific product page, keeping only the Amazon button visible.

Initial Solutions Proposed:

  • First suggestion involved adding CSS code to hide product form buttons by editing the theme’s section-main-product.css file
  • This approach would have removed buttons site-wide, not just for one product

Refined Solution:

  • A JavaScript-based solution was offered to target the specific product using its variant ID
  • Code would be added to product-form.js to selectively hide buttons for that product only

Final Resolution:

  • The user found an alternative solution independently: created a custom page template for that single product
  • Simply removed the unwanted buttons directly from the template without code modifications
  • Solution is working successfully
  • User credits another forum post for the template approach but cannot recall the specific name
Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

I would like to remove the shop button add to cart and more option buttons from this page and only leave the Amazon button. Would you please assist

https://www.wearetheworthys.com/products/you-are-worthy-affirmation-journal-positive-inspiring-and-uplifting-words-for-personal-growth-and-increased-self-esteem

2

Hello,

  1. Go to Online Store > Find the theme > Click 3 dots actions menu > Edit Code.

  2. Find your assets folder > click section-main-product.css file.

  3. Copy and paste this code at the bottom of the file.

.product-form__buttons {
  display: none;
}
3

You only want to hide those buttons on that specific page? O in the whole website?

The code I gave you it removes them from the entire website.

Let me know!

4

Only for this product. Not the whole website. Thank you so much for you assistance :slightly_smiling_face:

5

I only want the Amazon one for this product.

6

The best approach for this, I think is using javascript.

Online store > Theme > Actions menu > Edit code.

Assets > product-form.js (file)

copy and paste this code, and save.

const inputWithValue = document.querySelector("input[value='41503038898315'].product-variant-id");

if (inputWithValue) {
  const formToRemove = inputWithValue.closest('form');
  const formButtonsToRemove = formToRemove.querySelector('.product-form__buttons');
  formButtonsToRemove.remove()
}

Let me know!

7

I didn’t have to update the code. I researched and saw someone created a new page template. I did that for that 1 product (created a new template and just rename it …no modifications) and then I literally clicked the buttons I wanted to remove and deleted them. It’s working perfectly. I wanted to give thanks to the person that posted that before but I forgot the name.

1 Like