# Low Stock Counter

This is feature that allows you to show your customers the remaining stock of your products.

To start using this feature for your Shopify store, you need to configure its block into your theme's product page template.

For that, simple click on the **Configure it here** button.

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

By selecting the button, you will be redirected to the theme backend, where you have to add the app block.

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

## <mark style="color:blue;">Configurations</mark>

Once you have added the block in your theme's product page template, you can start with the configurations of the feature.

1. <mark style="color:purple;">**Inventory Configurations**</mark>

In this section you are provided with three options;

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

* **Never show the show counter -** Select this button if you **don't want to show** the stock counter to your customers.
* **Always show the stock counter -** Select this button if you **want to show** the stock counter to your customers.
* **When quantity is less than a certain number -** Select this button if you want to show the stock counter, only if it is below your set threshold.&#x20;

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

Here in this option you are provided with a text field, from where you can set the threshold of the quantity. Whenever the product stock will go below this threshold, the app will start showing the remaining stock number.

2. <mark style="color:purple;">**Display Configuration**</mark>

This is from where you can decide for which products do you want to show the stock counter to your customers.

<figure><img src="/files/6YAEgADt5nWQddx7MxOC" alt=""><figcaption></figcaption></figure>

* **All product available in store -** Select this button if you want to show the stock counter to all your products.
* **Only specific product -** Select this button if you want to show the stock counter for specific products only.

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

Here, you need to select the products for which you want to show the stock counter.

* **Only specific collection -** Select this button if you want to show the stock counter for specific collection products only.

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

Here, you need to select the collections for which you want to show the stock counter.

3. **Set Stock Message**

<figure><img src="/files/1aoI4Rl0CwCIyiHUJ5YE" alt=""><figcaption></figcaption></figure>

From here you can configure the stock message that you want to show to your customers.

## <mark style="color:blue;">Design</mark>

This section allows you to customize how the Low Stock Alert message will appear on your product page.

The design settings you choose here will control the look, style, and layout of the alert displayed to customers.

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

You can customize the following:

* **Title** – the heading shown above the message (e.g., “Low Stock Alert”)
* **Background Color** – the alert box background
* **Font Color** – the color of the text inside the alert
* **Title Color** – color of the alert heading
* **Border Style** – dotted / dashed / solid
* **Border Color** – color of the border around the alert
* **Border Size** – thickness of the border
* **Border Radius** – rounded corner level
* **Font Size** – size of the text displayed
* **Icon** – you can select an icon to show next to the message

All these settings help you create a visually appealing and attention-grabbing alert box.


---

# 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://magecomp.gitbook.io/shopify/apps/kor-order-limit-quantity/low-stock-counter.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.