Quantity selector

Overview

The quantity selector block gives customers a fast, clear way to choose their preferred purchase quantity. By surfacing current stock status and low inventory warnings right next to the control, it supports confident purchasing and reduces cart friction in product-focused sections.

⚠️ Important: Placing the quantity selector block in key product sections helps shoppers make fast, informed decisions. Real-time inventory feedback encourages trust and increases urgency when stock is limited.

Key components and functionality

Selection and availability settings

This setting group manages how customers see and interact with quantity controls and inventory messaging. It provides transparency and lets users act on accurate product availability information.

Show availability

Show or hide the in-stock status beside the quantity control. With this option enabled, shoppers immediately know whether the product is available as they select a quantity.

Default: enabled

Low stock notice threshold

Set the inventory level that will trigger a low stock alert to the customer.

1. Minimum threshold is 1.

2. Maximum threshold is 100.

3. Increments in steps of 1.

4. Default: 4

   1. If inventory drops to the threshold or below, shoppers see a low stock warning.

   2. Adjust this value to suit your merchandising strategy or inventory turnover.

Visibility settings

Visibility controls determine for which devices the quantity selector block should be shown. These settings help tailor the block’s presence for both desktop and mobile users, reducing clutter when needed.

Visibility

Choose how the block appears based on device type.

1. Do not hide

   1. The block is always visible on both desktop and mobile. Default: do not hide

2. Hide on desktop

   1. The block is not displayed to users on desktop devices.

3. Hide on mobile

   1. The block is not displayed to users on mobile devices.

💡 Tip: Use device-specific visibility to match your design and business needs. If space is tight on mobile, consider hiding the quantity selector block there, while keeping it available for desktop shoppers who often expect fuller controls.

Available in sections

You can add the quantity selector block to:

1. Featured product

2. Product information

Usage notes

For best results, confirm the quantity selector block is accessible and displays consistent, accurate inventory data. Test operation with keyboard and assistive technology to ensure everyone can change quantity easily. Periodically verify that block location and stock messages are working as expected on all devices.

⚠️ Important: Consistency and clarity are essential — always validate your settings to maximize trust and make purchasing straightforward.