Product browsing

The product experience is built around practical browsing rather than a marketing landing page.

Product cards

Each product card should show the information a shopper needs before clicking:

• product name
• shelf category
• starting price
• available units
• primary variant
• product image
• add button

Cards should avoid vague labels. If the product is a wrap, lighter, tray, glass piece, or disposable, that should be obvious without opening the detail page.

Product detail page

The detail page gives more room to inspect the product.

It includes:

• large product image
• description
• price and stock summary
• lead variant
• SKU-like inventory label
• variant table
• add-to-cart action
• member pricing prompt

Variant table

Variants are used for flavor, size, color, pack count, or capacity.

Examples:

• Grape / 2 pack
• Honey / 2 pack
• Blueberry Ice / 1g
• 12 in / Smoke
• Triple flame

Client review checklist

For each product, confirm:

• name is clear
• category is correct
• image direction is acceptable
• price range is believable
• variants match how the store sells the item
• stock count should be shown or hidden

The demo currently uses polished placeholder inventory. Final production content should come from approved product data or a connected catalog source.