Features
Storefront
Products

Products

Products are the things customers buy. A product represents a model family (e.g. "iPhone 13"), and each product has one or more variants with specific attributes (color, storage, etc.).

Where to find it

Admin: /commerce/products Storefront: each product has its own page at /{category-slug}/{product-slug}

Product data

FieldPurpose
NameDisplay name on the storefront
SlugURL path segment (auto-generated from name)
ManufacturerUsed for filtering and JSON-LD brand data
Model familyGroups variants together
Device typePhone, tablet, laptop, etc. (used for filters)
DescriptionLong-form product description (supports HTML)
Base image URLMain image if a variant doesn't have its own
SEO meta title / descriptionFor search engines
ActiveHides from storefront when false

Automatic sync from inventory

Products and variants are auto-generated from ehs__inventory by the sync cron job. When you intake devices:

  1. The sync job groups them by manufacturer + model + attributes
  2. Creates a product if one doesn't exist
  3. Creates variants matching each unique attribute combination
  4. Maps inventory units to variants

You can also create/edit products manually in the admin.

Product detail page features

The storefront product page includes:

  • Image gallery and variant selector
  • Price (range if variants differ, single if all same)
  • Stock indicator
  • "Add to cart" button
  • Reviews & ratings if enabled
  • Service add-ons (warranties) above the price
  • Frequently bought together (add-on products)
  • Related products (same manufacturer/device type)
  • JSON-LD structured data for SEO

Variant matrix

On the product page, customers see an interactive attribute selector. Pick color → storage → condition, and the matching variant's price and availability update live.

Related features