This article walks you through how to remove the Add to Cart button from Gift product pages. It’s especially useful if you want to keep the product page live to share details about the gift item—without letting customers add it to their cart.
Implementation Instructions
Step 1
Go to your Shopify Admin -> Themes -> On your live Theme click the Customize button.
Once there, Click where it says "Home Page" in the dropdown bar located at the top and select Products:
Select Create Template and name it something like "Gift Products"
Step 2
Now leave your theme settings and go to the Product settings for the Gift Product you’re offering.
Change the products Theme template -> Select the one you created for gifts -> Save
Step 3
Next you’ll want to add the exclude_rebuy tag to the Free Gift product.
*This prevents the gift from returning in Rebuy Widget Recommended ai datasources
Step 4
Head back into your Theme's Custom Settings -> Select Products in the dropdown bar located at the top -> Select "Gift Products" and find where the "Add to Cart Buttons" and "Quantity selector" are in the theme’s block section -> Click Remove -> Save
Now your Gift Product template doesn’t have add to cart buttons which prevents customers from adding more than one gift! You can add any other gift products to the new product template you made.
Page Builder option: Use Custom CSS to hide button(s)
If you are using a page builder app (GemPages, PageFly, etc.), you may not have the option to hide the button(s), so another solution would be to use the Shopify Theme's Custom CSS field to manually hide the page's Add to Cart (ATC) button.
First, locate the specific CSS selector for the product page's Add to Cart (ATC) button(s). You can do this by inspecting the page Elements in your browser's Developer Tools. The selector will vary, as every Shopify Theme has different selector(s):
Once you have located the specific selector, use CSS to target the selector for the ATC button(s) to add display: none; to hide the button(s). Ensure you are only making this change within the Shopify page editor for the specific product page you want to modify:
Create your GWP Widget
Build out a free gift with purchase workflow by following this article:
NOTE: In order to disable the quantity buttons in the Smart Cart to prevent customers from adding multiple Gifts, you'll need to add the following CSS to your Rebuy theme:
.property-value-rebuy-gift-with-purchase .rebuy-cart__flyout-item-quantity-widget {
display: none;
}
Additional Setup
*Disable the Cart Page via the Smart Cart Settings Disabling the cart page is critical when using the Gift With Purchase (GWP) widget with Rebuy Smart Cart. This ensures customers only interact with the Smart Cart, preventing issues with gift quantity adjustments and maintaining a consistent user experience.
Disabling the Shopify Cart Page is crucial to prevent customers from adding extra Gift quantity within the Cart Page.
If you are using a hidden product then make sure that your hidden gift products cannot have their quantity increased in the Smart Cart with Smart Cart Tags.
FAQ
Why would I want to remove the Add to Cart button from a gift product page?
Removing the Add to Cart button helps prevent customers from manually adding a gift product to their cart. This is useful when you're offering the gift only as part of a promotion (e.g., via a Gift With Purchase workflow), but still want to display details about the gift item on your store.
I'm using a page builder like PageFly or GemPages. How can I hide the Add to Cart button there?
Page builders may not support hiding the button natively. Instead, you can inspect the button element using your browser’s developer tools, grab the correct CSS selector, and apply display: none; via the theme's Custom CSS field.