Skip to main content

useProductQuantity

This hook manages the product quantity on the product detail page. It reads and writes the quantity in page state with optional min/max constraints.

Import

import { useProductQuantity } from '@appmaker-xyz/shopify';

Basic Usage

const { productQuantity, setProductQuantity } = useProductQuantity({
minQuantity: 1,
maxQuantity: 10,
});

// Increase quantity
setProductQuantity(productQuantity + 1);

Parameters

ParameterTypeDefaultDescription
minQuantitynumber1Minimum allowed quantity.
maxQuantitynumberundefinedMaximum allowed quantity. No upper limit if not set.

Return Value

PropertyTypeDescription
productQuantitynumberThe current product quantity (defaults to 1).
setProductQuantityFunctionSets the quantity. Ignores values outside min/max range. Signature: (quantity: number) => void.