NORTH JS TECH
Skip to content
North Js Tech
Global Theme Settings

Inventory Stock

Controls how stock and inventory indicators appear on product pages and product cards.

Where to find it

  1. In your Shopify admin, go to Online Store → Themes → Customize
  2. Click the Theme settings (gear icon) in the left panel
  3. Click Inventory stock

Settings

General

Enable inventory indicators

SettingTypeDefault
`inventory_enable`CheckboxOn

Turns inventory indicators on or off across your store. When disabled, no stock status will be shown on products or cards.

Show quantity

SettingTypeDefault
`inventory_show_quantity`CheckboxOn

Displays the exact stock count next to the indicator.

Animate dot

SettingTypeDefault
`inventory_animate_dot`CheckboxOn

When enabled, the stock indicator dot will have a subtle animation to draw attention to the inventory status.

Thresholds

Low stock threshold

SettingTypeDefaultMinMaxStep
`inventory_threshold_low`Range51501

Items at or below this count show as low stock.

Medium stock threshold

SettingTypeDefaultMinMaxStep
`inventory_threshold_medium`Range2021001

Items between the low and medium values show as medium stock.

High stock threshold

SettingTypeDefaultMinMaxStep
`inventory_threshold_high`Range5022002

Items above the medium threshold up to this count show as high stock.

Product sizing

These settings control the size of inventory indicators on product pages.

Dot size

SettingTypeDefaultOptions
`inventory_product_dot_size`SelectMediumSmall, Medium, Large

Sets the size of the stock indicator dot on product pages.

Text size

SettingTypeDefaultOptions
`inventory_product_text_size`SelectMediumSmall, Medium, Large

Sets the size of the stock text on product pages.

Card sizing

These settings control the size of inventory indicators on product cards.

Dot size

SettingTypeDefaultOptions
`inventory_card_dot_size`SelectSmallExtra small, Small, Medium

Sets the size of the stock indicator dot on product cards.

Text size

SettingTypeDefaultOptions
`inventory_card_text_size`SelectSmallExtra small, Small, Medium

Sets the size of the stock text on product cards.

Light mode

These color settings apply when your store is displayed in light mode.

High stock color

SettingTypeDefault
`inventory_light_high`Color#3ED660

The color shown when a product has high stock.

Medium stock color

SettingTypeDefault
`inventory_light_medium`Color#88C540

The color shown when a product has medium stock.

Low stock color

SettingTypeDefault
`inventory_light_low`Color#EE9441

The color shown when a product has low stock.

Very low stock color

SettingTypeDefault
`inventory_light_very_low`Color#E05050

The color shown when a product has very low stock.

Out of stock color

SettingTypeDefault
`inventory_light_out`Color#C8C8C8

The color shown when a product is out of stock.

Continue selling color

SettingTypeDefault
`inventory_light_continue`Color#3ED660

The color shown for products that allow purchasing even when out of stock (continue selling enabled).

Dark mode

These color settings apply when your store is displayed in dark mode.

High stock color

SettingTypeDefault
`inventory_dark_high`Color#3ED660

The color shown when a product has high stock.

Medium stock color

SettingTypeDefault
`inventory_dark_medium`Color#88C540

The color shown when a product has medium stock.

Low stock color

SettingTypeDefault
`inventory_dark_low`Color#EE9441

The color shown when a product has low stock.

Very low stock color

SettingTypeDefault
`inventory_dark_very_low`Color#E05050

The color shown when a product has very low stock.

Out of stock color

SettingTypeDefault
`inventory_dark_out`Color#C8C8C8

The color shown when a product is out of stock.

Continue selling color

SettingTypeDefault
`inventory_dark_continue`Color#3ED660

The color shown for products that allow purchasing even when out of stock (continue selling enabled).

Last updated June 28, 2026

Let's talk