Product Page — Gift Card Template

A specialised product page for gift card products. A recipient form is available through the buy buttons settings.

Overview

Typical blocks

1. Description
2. Separator
3. Variant picker (denomination / amount variants)
4. Buy buttons
5. Share

Below these, recommendations and recently-viewed may be disabled depending on the configuration.

Step-by-step user journey

Step 1 — Open the gift card product

• Open a product that has the gift-card template assigned

Step 2 — Choose an amount / variant

1. Select the gift card value in the variant picker (e.g. $25, $50, $100)
2. Confirm the price updates

Step 3 — Recipient details (if enabled)

1. Buy buttons setting: Show gift card recipient ON
2. Fill in the form fields:
   • Recipient email
   • Sender name
   • Message (optional)
   • Send date (optional)

Step 4 — Add to cart

1. Add to cart
2. The gift card appears as a line item in the drawer or cart
3. Complete the checkout

Step 5 — After purchase (customer side)

• Shopify sends the issued gift card email
• The recipient redeems the code from the Issued Gift Card page

Merchant setup checklist

1. Create a gift card product in the Shopify admin
2. Assign the template: product.gift-card
3. Variants = amounts
4. Theme Editor → Buy buttons → recipient form toggle
5. Test add-to-cart and checkout

Theme Editor settings

Each section below links to its full settings reference — every setting with id, type, default and a screenshot of the panel.

Full index: settings reference

Related files

templates/product.gift-card.json
sections/main-product.liquid
snippets/gift-card-recipient-form.liquid
snippets/section.flex-pdp.gift-recipient.liquid
templates/gift_card.liquid

See also: 28-gift-card-issued.md