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

# Gift card

Customize the gift card page image and learn about gift card template limitations and troubleshooting.

{% hint style="info" %}
**Theme Editor → Theme settings → Gift card**
{% endhint %}

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2FWWY140zvrBRrx6y9k5k3%2FGroup%2014%20(26).png?alt=media&amp;token=b258a289-ab1f-48d0-aad3-cd56968bd95e" alt=""><figcaption></figcaption></figure>

The gift card page is shown to the recipient after a gift card is purchased. It automatically generates a unique code, a QR code for easy redemption, and supports adding the card to Apple Wallet.

<a href="https://help.shopify.com/en/manual/products/gift-card-products" class="button primary">Shopify gift cards guide</a>

***

### Customize the image

Go to **Theme settings → Gift card** and upload a custom image to replace the default gift card design.

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2FNO9WbM3nYh9agLS8ptT1%2FGroup%2018.jpg?alt=media&amp;token=90bec895-bda4-4aa8-a46d-b5096d44dedf" alt=""><figcaption></figcaption></figure>

**Custom image** — recommended size: 1024 × 1024 px.

***

### Important limitation

The gift card page uses a standalone Liquid template (`gift_card.liquid`) — not an OS 2.0 JSON template.&#x20;

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2F9DIJUzAmHvCvy3uG0kSB%2FGroup%2014%20(27).png?alt=media&amp;token=60c369bd-e2be-4aa1-b953-a71c21dfc6b8" alt=""><figcaption></figcaption></figure>

Because of this:

* You **cannot** edit this page using blocks and sections in the Theme Editor
* Any structural changes beyond replacing the image require editing `gift_card.liquid` directly in the code editor

{% hint style="warning" icon="question" %}
**Need custom changes?** [Contact our support team](https://staylime.zendesk.com/hc/en-us/requests/new) — we can help with code-level customizations.
{% endhint %}

***

### Troubleshooting

<details>

<summary><strong>Gift card page appears blank</strong></summary>

If the page loads but shows no content, it's caused by a conflict with the theme's fade-in animation. The `gift_card.liquid` template uses `{% layout none %}`, so standard scripts aren't loaded — leaving the content hidden.

**How to fix it:** You can easily resolve this by adding one line of code to the template.

1. Go to Shopify **Admin → Online Store → Themes**.
2. Click the **"..."** button next to your theme and select **Edit code**.
3. Open the `templates/gift_card.liquid` file.
4. Scroll to the very bottom and find the closing `</body>` tag.
5. Paste the following code exactly before the `</body>` tag: `{{ 'global.js' | asset_url | script_tag }}`
6. Click **Save**.

<figure><img src="https://795663372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6DraMvJNYYlFJqlho1aV%2Fuploads%2FsJwPYxmYQgetBJzUPlJT%2FScreenshot%202026-06-19%20at%2017.05.38.png?alt=media&amp;token=6e191ecf-beb6-496b-95fe-a502269ee3bb" alt=""><figcaption></figcaption></figure>

*If you are not comfortable editing theme files, please* [*contact our support team*](https://staylime.zendesk.com/hc/en-us/requests/new) *and we will resolve it for you!*

</details>


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://staylime.com/docs/avante-themes/theme-settings/gift-card.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.