Product page
Product page layout
The Vesperia product page is a structured grid: media gallery on the left, buy box on the right, then a vertical stack of content sections below.
Top of the product page
- Media gallery β images, videos, 3D models if present. Thumbnails strip + main viewer.
- Buy box β vendor, title, rating, price, variant picker, quantity, Add to cart, Buy it now (dynamic checkout), Back-in-stock form, accordions for shipping / returns / care.
Section settings
- Gallery layout β Thumbnails left / Thumbnails below / Stacked vertical.
- Gallery aspect ratio β 4:5 / 1:1 / 3:4.
- Show vendor β small caps brand label above the title.
- Show rating β star rating widget. Connects to Shopify Reviews, Judge.me, Yotpo, Loox, Stamped (configured under Theme settings β Advanced).
- Show SKU β displays the variant SKU under the title.
- Show quantity selector.
- Show dynamic checkout β the Shopify Pay / Apple Pay / Google Pay button.
Below the buy box (page sections)
The Vesperia default product template adds these below the main product:
- Benefits list
- Video carousel
- Whatβs in the box
- Collapsible content (FAQ)
- Comparison table
- Logo list (certifications)
You can reorder, remove, or add any section from the customizer.
Variants & swatches
If your product has color variants, see Linked-product color swatches. For all other variants (Size, Material, etc.), Vesperia automatically renders them as styled radio buttons.