Product Page — High Variant (Flex PDP)
A modular Flex PDP for products with many options or complex variants. The layout is composed from theme blocks (_section-flex-pdp-*).
Overview
| Item | Detail |
|---|---|
| Template | templates/product.high-variant.json |
| Assign | Product → Theme template → product.high-variant |
| URL | /products/{handle} |
| Main section | sections/main-product-high-variant.liquid |
Flex PDP building blocks
Typical blocks and snippets:
| Block / snippet | Role |
|---|---|
| Media gallery | Images / video |
| Title | Product title |
| Vendor | Brand name |
| Price | Price + compare |
| Installments | Shop Pay installments |
| Divider | Visual separator |
| Variant picker | Options UI |
| Quantity picker | Qty |
| Buy buttons | Add to cart / dynamic checkout |
| Pick-up | Store availability |
| Description | RTE |
| Gift recipient | Gift card form |
| Inventory | Stock messaging |
| SKU | SKU display |
Brand-story style content sections can also be placed below these.
Step-by-step user journey
Step 1 — Open a high-variant product
- Arrive on a product with many size, colour or material options
Step 2 — Media
- Browse the gallery
- Zoom or play video
Step 3 — Configure the product
- Confirm the title, vendor and price
- Select each option group (size, colour, …)
- Invalid combinations are handled by dynamic variants
- Set the quantity
Step 4 — Purchase
- Buy buttons → Add to cart
- Optionally check pickup availability
- The cart drawer opens
Step 5 — Details and below the fold
- Description and inventory notes
- Scroll the marketing sections (if the template includes them)
- Recommendations
Theme Editor notes
- Open the
main-product-high-variantsection - Add and reorder blocks (title, price, picker, buy…)
- Each block's visibility is controlled independently
- Test in the preview with a multi-option product
<!-- BEGIN GENERATED: theme-editor -->
Theme Editor settings
Each section below links to its full settings reference — every setting with id, type, default and a screenshot of the panel.
| Section | Type | Settings | Blocks |
|---|---|---|---|
| Large image with text box | background-image-text | 12 | 0 |
| Back to collection | collection-return | 0 | 0 |
| Product: 250+ variants | main-product-high-variant | 1 | 15 |
| Full-width details | product-full-width | 2 | 8 |
| Related products | product-recommendations | 14 | 0 |
| Recently viewed | recently-viewed | 13 | 0 |
| Testimonials | testimonials | 6 | 1 |
| Image with text | text-and-image | 20 | 0 |
Full index: settings reference
<!-- END GENERATED: theme-editor -->Related files
templates/product.high-variant.json
sections/main-product-high-variant.liquid
snippets/section.flex-pdp.liquid
snippets/section.flex-pdp.variant-picker.liquid
snippets/section.flex-pdp.media-gallery.liquid
snippets/section.flex-pdp.buy-buttons.liquid
blocks/_section-flex-pdp-*.liquid