Installing Gift Card Item Properties Snippets (making Gift Card details visible on the Cart page and Checkout)


If you would like information about gift cards that have been added to cart, some code installation in your theme is required.

Step 1: Snippet Upload

Verify Gift Card Pro’s snippets are uploaded into your theme by navigating to Shopify Admin -> Online Store -> “Your Theme” -> Actions -> Edit Code. In the left hand bar, you should see 2 files under the snippets section. 

If the 2 files are not there, navigate to Gift Card Pro’s dashboard, by going to Admin -> Apps -> Gift Card Pro and run the “Performance Utility”: 

Step 2: Snippet Installation

Next, verify that each snippet has been included in the correct location in your theme

Snippet 1:

For the first snippet, locate a line of code that looks like the below excerpt:

{% for p in item.properties %}

Directly above this line, pass the following snippet of code, If your cart item variable name is not item, you will need to adjust the last “item” name as appropriate.

{%- include 'gift-card-pro-cart-item-properties' with item -%}

Once complete, your code should look like this: 

Click save.

Snippet 2:

The second snippet is found in your layout/theme.liquid file, right above the closing “</head>” html tag.

First, find the closing “head” tag in your HTML, and verify that the below snippet is located directly above it. It may say include, or render, however, both do the same thing.

{% render ‘gift-card-pro’ %} 

If it is not there, paste it directly above it, so it looks like below. 

Click save.

Can't find the answer in our documentation?
Contact Support