> For the complete documentation index, see [llms.txt](https://docs.lufavo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lufavo.com/frameora/page-setup/gift-card-product.md).

# Gift card product

The Gift card product template is used for the Shopify product page where customers buy a gift card.

This is different from the issued Gift card page. The Gift card product page is where customers choose a gift card amount, add recipient details if enabled, and purchase the gift card.

### Open Gift card product settings

{% hint style="success" %}
To edit the Gift card product template:

* From your Shopify admin, go to **Online Store > Themes**.
* Find **Frameora**.
* Click **Customize**.
* Use the page selector at the top of the theme editor.
* Select **Products**.
* Choose the **gift-card** product template.
* Select the **Gift card product** section in the sidebar.
* Edit the settings and blocks.
* Click **Save**.
  {% endhint %}

***

### Assign the template to a gift card product

{% hint style="success" %}
To use this template on a gift card product:

* From your Shopify admin, go to **Products**.
* Open your gift card product.
* In the **Theme template** field, choose **gift-card**.
* Click **Save**.
  {% endhint %}

The product must be active and available on the Online Store sales channel.

***

### Gift card product section

The Gift card product section controls the main gift card product layout.

The product title, price, image, description, and denominations come from the gift card product in Shopify Admin.

{% hint style="success" %}
To edit gift card product content:

* From your Shopify admin, go to **Products**.
* Open the gift card product.
* Edit the title, description, media, denominations, price, and availability.
* Click **Save**.
  {% endhint %}

***

### Main settings

The Gift card product section includes these settings:

* Show kicker
* Kicker
* Show description
* Show dynamic checkout button
* Show recipient form
* Recipient form heading
* Recipient form text
* Show quantity selector

***

### Kicker

Enable **Show kicker** to show a small label above the product title.

Use the **Kicker** field to customize the label.

Example:

**Gift card**

***

### Description

Enable **Show description** to show the gift card product description.

The description content comes from the gift card product in Shopify Admin.

Use the description to explain who the gift card is for and how it can be used.

***

### Dynamic checkout button

Enable **Show dynamic checkout button** if you want Shopify to display dynamic checkout buttons when available.

Dynamic checkout buttons are controlled by Shopify. The buttons shown may depend on:

* Store payment settings
* Customer device
* Customer browser
* Customer location
* Product eligibility

Do not create fake dynamic checkout buttons. Frameora uses Shopify’s native dynamic checkout output.

***

### Recipient form

Enable **Show recipient form** if you want customers to send the gift card to a recipient.

Recipient form settings include:

* Recipient form heading
* Recipient form text

#### Recipient form heading

Use this field to customize the recipient form title.

Example:

**Gift card recipient**

#### Recipient form text

Use this field to explain what the recipient form does.

Example:

**Email this gift card to a recipient with a personal message.**

The recipient form is powered by Shopify gift card recipient functionality.

***

### Quantity selector

Enable **Show quantity selector** if you want customers to choose the quantity before adding the gift card to cart.

***

### Product blocks

The Gift card product template can include these blocks:

* Title
* Price
* Description
* Variant picker
* Quantity selector
* Recipient form
* Buy buttons
* Custom liquid

You can add, remove, or reorder available blocks in the theme editor.

***

### Denominations

Gift card amounts are controlled by the gift card product variants in Shopify Admin.

Examples:

* $10
* $25
* $50
* $100

To edit gift card amounts, update the gift card product variants or denominations in Shopify Admin.

***

### Buy buttons

The **Buy buttons** block displays the add-to-cart button and dynamic checkout buttons when enabled and available.

***

### If the gift card product does not appear correctly

Check that:

* The gift card product is active.
* The product is available on the Online Store sales channel.
* The correct **gift-card** template is assigned.
* Gift card denominations are configured.
* The product has a price.
* Product media is uploaded if you want an image to appear.
* Recipient form settings are enabled if you want recipient fields to show.

***

### Save your changes

After editing the Gift card product template, click **Save**.

If changes do not appear immediately, refresh the storefront or open the page in a private browser window.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.lufavo.com/frameora/page-setup/gift-card-product.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
