πŸ“˜ Vesperia documentation

Theme docs

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.

Made with Emergent