> For the complete documentation index, see [llms.txt](https://ecoboostify.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ecoboostify.gitbook.io/help/apps/favicon-cart-count.md).

# Favicon Cart Count

### Introduction

* **Purpose**: The **Favicon Cart Count** feature displays the number of items in a customer’s cart on the favicon—the small icon that appears next to the page title in the browser tab. This provides customers with a quick visual reminder of their cart as they browse or switch tabs.
* **Benefits**: This feature is an excellent way to enhance user engagement by:
  * Improving cart visibility and keeping it top-of-mind for the customer.
  * Offering a continuous, non-intrusive nudge that can help decrease cart abandonment.
  * Enhancing the shopping experience and making it easy for customers to stay aware of their pending items.

{% hint style="info" %}
To ensure the **Favicon Cart Count** feature works properly, make sure your store has a favicon added. Without a favicon, this feature won’t display. Follow Shopify’s guide to [add a favicon to your online store](https://help.shopify.com/en/manual/online-store/images/add-favicon) if you haven’t done so already.
{% endhint %}

### Accessing and Activating the Favicon Cart Count Feature

1. In your EcoBoostify dashboard, go to the **Apps** section on the sidebar.
2. Find and select **Favicon Cart Count** from the list of apps to open its settings page.
3. Once on the settings page, click **Activate** to enable the Favicon Cart Count feature.

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

### Configuring Favicon Cart Count Display Options

* **Position**: Choose the display position of the cart count number relative to the favicon (e.g., top-right, bottom-left).
* **Shape**: Select the shape for the cart count badge—either **Square** or **Circle**.
* **Background Color** and **Text Color**: Adjust the colors to make the cart count stand out on your favicon.
* **Animation**: Choose an animation effect for the cart count badge to draw attention.
* **Animation Interval**: Set the interval for the badge to blink when a user switches to another tab—this is a key feature for reducing cart abandonment.

Once configured, save your settings to apply these changes.

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

### Checking the Live Page

1. Open your **live store** in a new browser tab.
2. **Add items to the cart** to see the Favicon Cart Count update in real-time.
3. **Switch to another tab** and observe the animation (if enabled) to ensure it blinks according to your settings, helping remind users about their cart.

Verify that the cart count badge displays correctly and that all settings, such as position, shape, color, and animation, appear as expected. This final check will confirm that the Favicon Cart Count is working effectively on your store.

<div align="left"><figure><img src="/files/BKly7fb8kXs9Hmzfbt0q" alt=""><figcaption></figcaption></figure></div>


---

# 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://ecoboostify.gitbook.io/help/apps/favicon-cart-count.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.