# Frontend Display of Free Gift

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FkSRZTzXjMO5gWYkkydDx%2FNotification%20bar.png?alt=media&#x26;token=894dc6b0-a029-4b25-be36-fbd97b2eb0b6" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FE2H4l0RRx194DhtYvymA%2FProgress%20bar%201.png?alt=media&#x26;token=4a8be58b-1be7-4a55-b700-df1f40ace1f9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FLVM1mVAeDEMALPdIDzec%2FProgress%20bar%202.png?alt=media&#x26;token=4751b599-57f2-4939-a1f7-9afc506b8fa4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F8SUhaoNXNu2xYZlpgyaS%2FProgress%20bar%203.png?alt=media&#x26;token=ddbad456-8c32-4bfc-862b-cd541b0e965e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fk8u4qi062zluMpmnSBQa%2FMini%20cart.png?alt=media&#x26;token=b5f9ec7e-6f24-4c9c-8175-a56486b808bf" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F2AzrRzY0BODv5Xc6fTe0%2FShopping%20cart.png?alt=media&#x26;token=bc4f47f8-55ba-47ca-8215-4f4efb54b2ce" alt=""><figcaption></figcaption></figure>

Displays free gift count in the frontend.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F6q4YdgsUsmU33L9OHssL%2FFree%20gift%20count.png?alt=media&#x26;token=23c32340-cc55-4c98-945f-cca478941414" alt=""><figcaption></figcaption></figure>

Displays the remaining free gift count.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fnn9ecRUhYT4VXQayYoFn%2FRemaining%20free%20gift%20count.png?alt=media&#x26;token=48f63707-b163-46b5-ba91-743aa90a6b18" alt=""><figcaption></figcaption></figure>

Displays a message when free gift is added successfully.

**Shopping Cart**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FgjWUm77bMkTQy24OYhm4%2FFree%20gift%20message%20shopping%20cart.png?alt=media&#x26;token=b61ea59c-e637-45fb-b310-311a99210f71" alt=""><figcaption></figcaption></figure>

**Mini Cart**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FAjS4MjujXnTWynqRGjVs%2FFree%20gift%20message%20mini%20cart.png?alt=media&#x26;token=d90bf39c-9175-479a-b8a7-78fc8ecb7964" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FlPeMLyfN1gC5PHTOgjBv%2Flimit%20exceeded.png?alt=media&#x26;token=7f495d3d-9c0d-49d2-96a9-7eb53bdd7156" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F9qBrrYinbDzfy6qc0nRR%2FFree%20gift%20already%20in%20cart%20message.png?alt=media&#x26;token=1b161739-aed4-4332-81a3-049af9f700fd" alt=""><figcaption></figcaption></figure>