> For the complete documentation index, see [llms.txt](https://bogos-guideline.gitbook.io/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogos-guideline.gitbook.io/user-guide/detailed-guide/customize/customize-gift-icon-and-gift-thumbnail.md).

# Customize Gift icon & Gift thumbnail

The gift icon showcases the products customers need to buy to get a gift. It will appear on the product page and collection page.

{% embed url="<https://www.youtube.com/watch?v=r914Alo7JZ8>" %}

## 1. Gift icon <a href="#how-to-enable-the-gift-icon" id="how-to-enable-the-gift-icon"></a>

### How to enable the gift icon <a href="#how-to-enable-the-gift-icon" id="how-to-enable-the-gift-icon"></a>

To enable the gift icon, please create the offer using Narrow by specific products.

Here is an example of how it looks like on your storefront:

<figure><img src="https://bogos-guideline.gitbook.io/~gitbook/image?url=https%3A%2F%2F1174860429-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FBQEzvXIQmpPrTmxjT8T6%252Fuploads%252FWEGJXE7hlf8M0wCiUE9U%252Fgift%2520icon.png%3Falt%3Dmedia%26token%3Db8d26b1a-0af0-4e6e-acd0-3d4052fba736&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=dc7a5978&#x26;sv=1" alt=""><figcaption></figcaption></figure>

### Customizationgift icon <a href="#customization-options" id="customization-options"></a>

<figure><img src="/files/sr45rsWf2KUWx9iKfeCO" alt=""><figcaption></figcaption></figure>

You can select among our default icons or upload one of your own.

Adjust how the gift icon shows up:

* Show on Product paActivate or deactivate showing gift icon on Product pages/Collection pages
  * Gift icon size: Set the size of the icon

## 2. Gift thumbnail <a href="#product-page" id="product-page"></a>

<figure><img src="/files/m8P3GrQU1JguqDSX3QJL" alt=""><figcaption></figcaption></figure>

**Show on Product page:**

* Enable this option to display gift thumbnails directly on product pages.&#x20;
* Disable it if you want to hide it on your product pages.

**Gift Display:**

* *By product:* Show customers the main product image you set.
* *By variant***:** Show customers the exact image of the selected gift variant. Best for gifts with multiple colors or styles.

**How to show multiple offers:** If multiple gift offers apply to the same product, choose how the gift thumbnails should appear:

* *Together:* All gifts from different offers are displayed together in one row.
* *Separated*: Gifts are grouped and displayed separately for each offer.

**Show countdown timer:** If you set an end time for your gift offer, enable this option to display a countdown timer for urgency.

**Show number of gift items:** Enable this setting if you want customers to see how many gifts are included in the offer.

**Text:** Customize the text displayed in the thumbnail:

* Countdown text: Edit the message shown with the countdown timer.
* Number of items text: Edit the message that shows the number of gift items.

**Color:** Customize the appearance of your gift thumbnail & countdown timer.

## &#x20;FAQs

<details>

<summary><strong>How to edit text in the Gift icon?</strong></summary>

You can’t edit text inside the small Gift icon itself; it’s just an icon image that you can change (Customize → Gift icon & Gift thumbnail → Gift icon).

You can create your own icon image and then upload in our app to use as in my screenshot:

<div align="left"><img src="/files/THAYNRf5wmFSOKfkF9FV" alt="" height="330" width="301"></div>

</details>

<details>

<summary><strong>How can we change the position of the gift icon?</strong></summary>

Currently it is our customization. If you want to change the position of gift image, please contact our customer support via Live chat so our technical team can check your theme and work on it

</details>

<details>

<summary><strong>What is the size of the BOGOS gift icon in pixels?</strong></summary>

The default size of our gift icon is 50x50 pixels.

</details>

<details>

<summary><strong>How can I remove the gift icon?</strong></summary>

In order to hide the gift icon, you can go to Customize section → Select “Gift icon & Gift thumbnail” and then untick “Show on product page” or “Show on collection page” as in my screenshot:

<div align="left"><img src="/files/pWOnz7tvj6KhUQDGVd2U" alt="" height="410" width="311"></div>

</details>

<details>

<summary><strong>Is it possible to add the gift product title and price in the gift thumbnail?</strong></summary>

Yes it is possible and it is our plus customization. In order to add the gift product title and price in the gift thumbnail, please contact our customer support via Live chat so our technical team can work on it.

</details>

<details>

<summary><strong>How can we add a gift thumbnail to the landing page?</strong></summary>

The gift thumbnails are displayed based on **Product IDs**; however, since the landing page lacks this data, we cannot include the thumbnails at this time

</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:

```
GET https://bogos-guideline.gitbook.io/user-guide/detailed-guide/customize/customize-gift-icon-and-gift-thumbnail.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.