# Inventory variations on product page

## Demo

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F3TdvUOlheu3Zh3ua4WOp%2Fimage.png?alt=media&#x26;token=5721ea5d-629b-45fb-bc06-0fbd99793cf3" alt=""><figcaption><p>Demo</p></figcaption></figure>

## Setup in stock product message

You can display product stock quantity message on product page with real time, Follow this step-by-step guide to set them up in your store.

### <mark style="color:blue;">1. Navigate to the appearance page.</mark>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FyqGjL6gnnqgrwWJ7yX2w%2Fimage.png?alt=media&#x26;token=932b82c0-e64c-410c-a6ba-b8b5a48249b8" alt=""><figcaption><p>Appearance page</p></figcaption></figure>

### <mark style="color:blue;">2. Click to set up button</mark>

In the type in appearance list, you can choose any 1 type and click to set up button, **In stock product message will apply to all types**, don't worry <br>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2FXul1tSHlkc1idAYQFOah%2Fimage.png?alt=media&#x26;token=46b3c745-75d7-473c-8d22-3fb64bda2e21" alt=""><figcaption><p>Click to Set up button</p></figcaption></figure>

### <mark style="color:blue;">3. In tab "On product page", scroll to bottom and enable message</mark>

* You can change message instock&#x20;
* Use the variable `{number}`  to display the current stock quantity of variant selected

> This function working only for product page, not supported on collection page.&#x20;

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2F4563f0CwP4qeyD2KUozU%2Fimage.png?alt=media&#x26;token=cbe77e1e-e396-497e-90c7-6e677468a843" alt=""><figcaption><p>Enable stock product message</p></figcaption></figure>