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).