A user needed to remove ‘Add to Cart’ buttons from their Pipeline theme after disabling an app that originally added them. The buttons persisted due to leftover code.
Solution provided:
Navigate to Online Store → Theme → Edit code
Open Asset → theme.css file
Add CSS code at the bottom: .product__grid__info form { display: none; }
Follow-up issue:
Another user wanted to keep only a ‘Personalise’ button while removing ‘Add to Cart’, but the initial code also disabled their buy button.
Refined solution:
Use more specific CSS targeting: .btn--add-to-cart[data-add-to-cart] { display: none; }
Add to theme.css file at the bottom
Both users confirmed the solutions worked for their respective needs. The discussion is resolved.
Summarized with AI on November 7.
AI used: claude-sonnet-4-5-20250929.
I am using the Pipeline theme. I installed an app initially to add an “add to cart” button on the Default collection that populates the “shop all” page. Client doesn’t want it now so I disabled app, but I still have a few items with that “Add to Cart” button. I am fairly certain the app left some kind of script in the code. How do I remove this?
Hi Ketan - our site foryo.co we only want the ‘personalise’ button NOT add to cart. Is there a way to do this as the code ive tried from other videos etc has not worked. Not sure if thats because ive disabled the buy now button as well?