In this article you will find:

  1. How to remove the ‘Add To Cart Button from the Gift Card page.

  2. How to correct misplaced buttons.

  3. eGift button customization.

For all customizations, click the "Online Store" tab in your Shopify admin, then click the "Theme" tab:

Then click "Actions" and "Edit Code":

Look for a file called "product-template.liquid" or "product.form" where your "Add To Cart" button is located:

Search for “submit” in order to find the "Add To Cart" button on the page then insert any code under the closing tag of the button for customizations:

If you can’t recognize the ‘add to cart’ code, go to the gift card page on your website, press F12, click the element inspector and hover over the add to cart button.

Then, the inspector will show the code of the ‘add to cart’ button

1. Remove Add to Cart button from your Gift Card Product page:

Insert the code below, underneath the ‘Add to Cart’ Button (after the </button>)


 {% if product.title contains "Product title" %}

<style> #AddToCart {display: none !important} </style>    



  • Insert your Gift Card product title in the " " - e.g "Gift Card" instead of "Product title". Note-  this is case sensitive so make sure to insert the exact title.

  • If there is no id for your ‘Add to Cart’ button,insert in the button’s code id= “AddToCart”

  • If there is an Id, in the code you insert, change the “AddToCart” to your button’s ID.

2. How to correct misplaced buttons.


If the button is not aligned properly:

<style> .gwbutton {margin-top:0px !important}</style>

If the buttons are to close to each other:

<style> .gwbutton {margin-left:10px !important}</style>


  • Correct any margin you need: bottom/top/right/left.

3. General “Send as a Gift” button Customization:


<div style="display:none" class="gwbutton">Send as a Gift</div>

You can add classes and CSS to make the button look however you like. 

To make it look like the ‘Add to Cart’ button, just add the classes that appear in that button to this code, like so- class= “PASTE_HERE gwbutton”

Place this code right below your "Add To Cart" button.

This code will also fix any button related issues that are the result of a compatibility issue with your theme such as:

  1. Button changes to "Add to Cart" when a different variant is selected.

  2. Button is not aligned properly.

  3. Move button around the page.

  4. Broken button.

Related articles:

Need further help?

Feel free to contact us through the chat box or mail to Rise Support.

Did this answer your question?