AlphaAlpha Docs

Product Browsing

Browsing and searching products in the shop

Product Browsing

Discover products available in the Alpha Shop.

Browsing Products

Product Catalog

The shop home page shows the product catalog:

  • Grid of product cards (12 per page, with pagination)
  • Results count
  • Optional shop banner and description (configured per tenant)

Product Cards

Each card shows:

ElementDetails
ImageProduct thumbnail
Stock badgeIn Stock / Low Stock / Out of Stock
CategoryProduct category
NameProduct name
Product IDShort product identifier
PriceCurrent price with currency

Click a card to open the product detail page.

Searching and Filtering

The sidebar offers:

ControlOptions
SearchMatches product name and description
Sort byName A–Z, Name Z–A, Price low to high, Price high to low
CategoriesAll categories, or one of the shop's categories

A Clear all filters link appears when any search, sort, or category filter is active.

Product Details

Product Page

Displays:

SectionContents
ImageProduct photo
CategoryProduct category
TitleProduct name
PriceCurrent price, with a strikethrough compare-at price when discounted
DescriptionFull details
Product IDProduct identifier
StatusIn Stock / Low Stock / Out of Stock
ShippingStandard delivery

Product Actions

From the product page you can:

  1. Select a quantity (1–999)
  2. Click Add to Cart

Add to Cart is disabled while the product is out of stock.

On this page