removing add to cart button on product page

Store Design

Topic summary

A user seeks to remove the “Add to Cart” button from their product page but is unsure which theme they’re using.

Proposed Solution:
Two respondents provided identical CSS-based solutions:

  • Navigate to Shopify Admin → Online Store → Themes → Edit Code
  • Open the app.css file in the Assets folder
  • Add the following CSS snippet at the end:
.thb-product-detail .product-information .add_to_cart_holder {
    display: none !important;
}

One response includes a screenshot demonstrating where to insert the code. The discussion remains open with no confirmation from the original poster on whether the solution worked.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

afternoon,

Hoping someone can help; i’m looking to remove the add to cart button on my product pages: https://railtimes.live/products/train-times-software-licence-plus

i’m not sure which theme im using but any help would be much appreciated!

Thanks in advance,

1 Like
2

@railtimeslive please add this css to the very end of your app.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → app.css

.thb-product-detail .product-information .add_to_cart_holder {
    display: none !important;
}
3

Hello @railtimeslive

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open app.css and add your CSS code at the end
.thb-product-detail .product-information .add_to_cart_holder {
    display: none !important;
}

devcoders_0-1748012575018.png
devcoders_0-1748012575018.png1325×464 74 KB