📘 Vesperia documentation

Theme docs

Homepage sections

Bestsellers ranked

A numbered top-N product list with rank, image, name, vendor and price — like a magazine’s editor’s picks.

Source of products

  • Collection — pick a collection of bestsellers (automated by sales, or manually curated).
  • Products to show — 1-10. Top 5 is the most editorial.

Per-row display

Each row shows:

  • Large rank number (01, 02, 03…)
  • Product image, portrait crop.
  • Vendor (eyebrow) + product title (serif heading).
  • Price + compare-at price (if on sale).
  • “Add to cart” quick button on desktop.

Mobile layout

On mobile (under 600px) the layout collapses to a compact row: smaller rank, 70px image, 2-line clamped product title. The quick add button hides on mobile to free space for the title.

Settings

  • Heading + Subheading.
  • Show vendor — toggle the vendor eyebrow.
  • Show price + Show compare-at price.
  • Image aspect ratio — 3:4 default (portrait).

Made with Emergent