> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/story-theme-v1/collections/product-stickers.md).

# Product stickers

Story includes product stickers which you can apply to product grid views. Example of a sale sticker:

![](/files/-MVw81cYbkVchMmCQGAS)

#### How to Activate

In the Theme Editor, under General settings and then Product grid, choose the sticker types you wish to display:

![Product tags is located within Product grid settings](/files/-MVw9z4jLtbbP8gqPlC_)

#### Modifying Sticker Colors

The Primary accents color setting is used to set the background color of the stickers:

![Theme settings -> Colors](/files/-MVwBj2W54u_CHypi8wV)

#### Sale Stickers

{% hint style="success" %}
**Compare at price** should be **higher** than Price value
{% endhint %}

To ensure the sale sicker is displayed, there are two requirements:

1. The setting is turned on in the Product grid, Product tags section.
2. Verify that your product has a higher price in the Compare at price field in your product setup:

![](/files/-MVwCTNsGOp7mkfhmUQI)

#### Sold Out Stickers

{% hint style="success" %}
When activated, the Sold out sticker will appear if the product's inventory level is at zero:
{% endhint %}

![](/files/-MVwH8NUQkuPxsAJVaQC)

{% hint style="warning" %}
If any variant has inventory, the sold out sticker will not appear
{% endhint %}

![This item contains a variant with inventory](/files/-MVwHE_kUltfYLEgUkal)

#### New Sticker

Highlight products you've recently added to your collection.&#x20;

![Active in Theme settings -> Product grid](/files/-MVwM08PsHmNOGZb87CA)

New products are based on when a product becomes available to sell in your online store.&#x20;

{% hint style="success" %}
Newly created and active products will appear with the sticker
{% endhint %}
