Stock Level indication per Variable

Store Design
, ,

Topic summary

Add per-variant stock indicators and delivery messaging on a Shopify product page. Requested behavior: red dot + “pre‑order, 5–10 business days” when a variant is out of stock; green dot + “3–7 business days” when in stock. An example screenshot was attached to illustrate the UI.

Scope and placement: Besides the product page, the requester prefers showing delivery timing in the cart and/or at checkout.

Context provided: Store URL (trinitysneakers.com) and a reference site (sneak.eu). Store is on the Shopify Basic plan.

Implementation discussion: Developer says custom functionality is required. For the delivery-time message, they suggest using an app; the requester prefers a code-only solution, noting the reference site does it without an app.

Decisions/next steps: Both parties agreed to start with implementing the variant dots first and then revisit the delivery messaging approach. They will coordinate via direct message/email.

Status: No code or final solution shared yet; the approach for cart/checkout messaging and avoiding an app remains unresolved.

Summarized with AI on December 19. AI used: gpt-5.
1

Hello, I am trying to figure a way of how to add an indication of stock level to each variant on my product pages. An example is, 1 variant is out of stock, and would have a red dot on the variable button, and adds a text above the add to cart button, stating that the item is out of stock and would be a pre-order, with a approx. time of delivery 5-10 business days.
Another Variant would be in stock, so 1 stock or above, and show a green dot on the variable, and add a text above the add to cart button, stating the estimated delivery time is 3-7 business days.

I have a perfect example attached:

ChrisM187_0-1726941077122.png
ChrisM187_0-1726941077122.png1052Ă—1078 79 KB

Thank you in advance!

1 Like
2

Hi @ChrisM187

Please share your store URL and reference website, so I can check and provide the best solution.

1 Like
3

Hello, my website URL is Trinitysneakers.com and the reference is from Sneak.eu

1 Like
4

HI @ChrisM187

I have checked, and we will need to implement custom functionality for this. Just to confirm, do you want the “delivery 5-10 business days” message to be displayed only on the product page?

1 Like
5

Preferably, I would like it to be shown in cart and/or at checkout page aswell!

1 Like
6

Hi @ChrisM187

Are you using the Shopify Plus plan or the Basic plan?

1 Like
7

I am using the basic plan.

1 Like
8

Hi @ChrisM187

We will customize this: if one variant is out of stock, it will have a red dot on the variant button, and for the delivery of 5-10 business days, we need to use an app.

1 Like
9

Oh.. i would not want to use an app.. I know the other store uses code and no app for it..
We could start with the variant dots if thats fine with you?

1 Like
10

Hi @ChrisM187

Yes, that’s fine. We can start with the variant dots first and then see how to handle the rest of the customization.

1 Like
11

Great, do you want to message me, or how do we start?

1 Like
12

Hi @ChrisM187

You can message me or email me if you prefer. Let me know how you would like to start!