Product page
The product page is the most feature-rich section in Claro. It supports multiple gallery layouts, variant swatches, rich media, and a fully block-based information panel.
Gallery settings
| Setting | Description | Default |
|---|---|---|
| Gallery layout | Thumbnail or Grid | — |
| Gallery position | Left or Right | — |
| Thumbnail position | Horizontal or Vertical | — |
| Grid layout type | Single / First full / Two column | — |
| Enable zoom | PhotoSwipe lightbox on click | On |
| Enable video loop | Loop product videos | Off |
| Group by variant | Show only media matching selected variant | Off |
| Enable sticky gallery | Gallery sticks while scrolling info | On |
Sticky cart bar
When enabled, a fixed bar appears at the bottom of the screen as the visitor scrolls past the add-to-cart button. It shows the product image, title, price, variant selector, and an add-to-cart button for quick purchasing.
Rich media support
The product gallery supports all Shopify media types:
- Images — with zoom (PhotoSwipe lightbox)
- Videos — hosted video playback
- YouTube/Vimeo — embedded external video
- 3D Models — interactive 3D product models
SEO structured data
The product page automatically generates Product structured data (JSON-LD) for search engines, including price, availability, and review data.