Commerce / Products
Let product data do the selling.
Citera keeps media, price, availability, URL, SKU, purchase options, and product information connected to the selected Shopify variant.
Product template
Arrange the information blocks in buying order.
The product section supports title and vendor, price, variant picker, buy buttons, assurance text, description, key facts, specifications, typed metafields, collapsible rows, custom Liquid, and compatible app blocks. Put decision-critical information before secondary editorial content.
Media
Show the product completely before adding drama.
Use consistent source images and assign variant media in Shopify. Citera supports high-resolution images, zoom, video, and 3D media. If the product is visibly cropped in cards, select the Adapt image ratio or revise the source crop and focal point.
Variants and swatches
Keep every visual option labeled.
- Use Shopify product options and native swatch data when available.
- Map additional common color names in Theme settings if needed.
- Keep text visible when no trustworthy visual value exists.
- Verify that a selection updates media, price, availability, URL, SKU, and the add-to-cart state.
- Test keyboard focus and selection on every option.
Purchase options
Use Shopify native purchase states.
The product page supports standard add to cart, dynamic checkout, quantity, unit pricing, selling plans, pickup availability, and gift card recipient fields when the product and store provide those capabilities. The sticky purchase control follows the same selected variant and availability state.
Metafields and related products
Model repeatable facts as structured data.
Connect namespace and key settings to compatible product metafields, or use a referenced metaobject field where supported. Recommendations and recently viewed products appear only when their underlying data and customer context are available.