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.