> 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

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

<figure><img src="/files/XZanoXyI5SOGbkRLTn57" 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="/files/TdXH3D2nCJQr0WtKhCIY" 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="/files/Xp5ZhDJiFY0gtg0vGh0x" 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="/files/B2yyEshgWuaCMwiE0a1t" 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 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://staylime.com/docs/avante-themes/theme-settings/gift-card.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.