# Frontend Display of Free Gift

Notification bar in the frontend to inform users about the free gift eligibility.

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

A dynamic progress bar in the shopping cart page to show customers how close they are to unlocking free gift.

<figure><img src="/files/26YucibxUiKoniI1217C" alt=""><figcaption></figcaption></figure>

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

The progress bar indicates when the free gift condition is satisfied.

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

Animated Free Gift button displayed on the Mini cart if the condition is satisfied.

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

Animated Free Gift button displayed on the Shopping cart if the condition is satisfied.

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

Displays free gift count in the frontend.

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

Displays the remaining free gift count.

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

Displays a message when free gift is added successfully.

**Shopping Cart**

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

**Mini Cart**

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

Displays an error message when trying to claim more free gifts than the eligibility limit.

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

Displays an error message when the product is already in the cart and is being attempted to be availed as a free gift again.

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


---

# Agent Instructions: 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://docs.magecomp.com/magento-2-free-gift-extension/frontend-display-of-free-gift.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.