Legend: Section setting Metafield (per-product) Metaobject ref (shared) Product object Block (repeatable)
โ˜ฐ
๐Ÿ” โ™ก ๐Ÿ›
Header shown for mockup reference only โ€” search collapsed to icon. Nim builds the conditional.
pdp-campaign-banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

section.settings.banner_text
pdp-hero
[HERO IMAGE]
1200 ร— 900
1 / [N]
1
2
[TAG]
3
[TAG]
4
[TAG]
5
6
7
8
9
10
11
[BADGE 1]
custom.pdp_badge_1

[PRODUCT TITLE]
product.title

โ˜…โ˜…โ˜…โ˜…โ˜… [RATING] ยท [N]+ reviews Read reviews

product.metafields.reviews.rating

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

custom.pdp_short_description
$[PRICE] $[WAS] Save $[SAVE]
block.settings.price_cents

[OFFER EYEBROW] block.settings.eyebrow

Selected 1 [UNIT] $[SINGLE PRICE]
Best Value ยท Selected
[BUNDLE NAME]
[BUNDLE SUB]
โœ“ [SHIP TEXT]
$[BUNDLE PRICE]
โœ“ [FREE SHIP TEXT]
section.settings.free_ship_text
  • [BULLET 1 LABEL] - lorem ipsum dolor sit amet
  • [BULLET 2 LABEL] - consectetur adipiscing elit sed do
  • [BULLET 3 LABEL] - eiusmod tempor incididunt ut labore
  • [BULLET 4 LABEL] - et dolore magna aliqua ut enim
[TRUST 1] [TRUST 2] [TRUST 3] [TRUST 4]
custom.pdp_benefit_bullets (list) custom.pdp_trust_badges โ†’ pdp_trust_badge[]
  • [BULLET 1 LABEL] - lorem ipsum dolor sit amet
  • [BULLET 2 LABEL] - consectetur adipiscing elit sed do
  • [BULLET 3 LABEL] - eiusmod tempor incididunt ut labore
  • [BULLET 4 LABEL] - et dolore magna aliqua ut enim
pdp-scanner-chips
[CHIP 1] [CHIP 2] [CHIP 3] ([N]) [CHIP 4]
block: scanner_chip (repeatable)
pdp-how-it-works
[EYEBROW] section.settings.eyebrow

[SECTION HEADING]
section.settings.heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

1

[STEP 1 TITLE]

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

2

[STEP 2 TITLE]

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

3

[STEP 3 TITLE]

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.

4

[STEP 4 TITLE]

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

pdp-before-after
[EYEBROW]

[SECTION HEADING]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

[BEFORE/AFTER 1]
800 ร— 600
[BEFORE/AFTER 2]
800 ร— 600
[BEFORE/AFTER 3]
800 ร— 600
[BEFORE/AFTER 4]
800 ร— 600
[BEFORE/AFTER 5]
800 ร— 600
[BEFORE/AFTER 6]
800 ร— 600
pdp-buy-box ยท Repeat 1

[OFFER EYEBROW] block.settings.eyebrow

Selected 1 [UNIT] $[SINGLE PRICE]
Best Value ยท Selected
[BUNDLE NAME]
[BUNDLE SUB]
โœ“ [SHIP TEXT]
$[BUNDLE PRICE]
โœ“ [FREE SHIP TEXT]
pdp-pain-cards
[EYEBROW]

[SECTION HEADING]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[PAIN CARD 1 TITLE]

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor.

[PAIN CARD 2 TITLE]

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

[PAIN CARD 3 TITLE]

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

[PAIN CARD 4 TITLE]

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.

pdp-warning-callout

[WARNING EYEBROW]

[WARNING HEADING]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

pdp-instructions
[EYEBROW]

[SECTION HEADING]

[INSTRUCTIONS CARD TITLE]

1

[INSTRUCTION 1 TITLE]

Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore.

2

[INSTRUCTION 2 TITLE]

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

3

[INSTRUCTION 3 TITLE]

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

pdp-comparison
[EYEBROW]

[SECTION HEADING]

[BRAND] [COMPETITOR]
[ROW 1 LABEL] โœ“ โœ—
[ROW 2 LABEL] โœ“ โœ—
[ROW 3 LABEL] โœ“ โœ—
[ROW 4 LABEL] โœ“ โœ—
[ROW 5 LABEL] โœ“ โœ—
pdp-cross-sell
[CROSS-SELL IMG]
600 ร— 600

[CROSS-SELL PRODUCT TITLE]

$[PRICE] $[WAS]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

pdp-reviews
[EYEBROW]

[SECTION HEADING]

โ˜…โ˜…โ˜…โ˜…โ˜… [RATING] / 5 ยท [N]+ verified reviews
[REVIEW 1 TAG]
โ˜…โ˜…โ˜…โ˜…โ˜…

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."

[REVIEWER 1 NAME]
[SUBURB], [STATE]
โœ“ Verified Buyer
[REVIEW 2 TAG]
โ˜…โ˜…โ˜…โ˜…โ˜…

"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident."

[REVIEWER 2 NAME]
[SUBURB], [STATE]
โœ“ Verified Buyer
[REVIEW 3 TAG]
โ˜…โ˜…โ˜…โ˜…โ˜…

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa quae."

[REVIEWER 3 NAME]
[SUBURB], [STATE]
โœ“ Verified Buyer
pdp-buy-box ยท Repeat 2

[OFFER EYEBROW] block.settings.eyebrow

Selected 1 [UNIT] $[SINGLE PRICE]
Best Value ยท Selected
[BUNDLE NAME]
[BUNDLE SUB]
โœ“ [SHIP TEXT]
$[BUNDLE PRICE]
โœ“ [FREE SHIP TEXT]
pdp-faq
[EYEBROW]

[SECTION HEADING]

[FAQ 1 QUESTION]?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

[FAQ 2 QUESTION]?

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa.

[FAQ 3 QUESTION]?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore.

[FAQ 4 QUESTION]?

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

pdp-buy-box ยท Final
[CTA EYEBROW]

[CTA HEADING LINE 1]. [CTA HEADING LINE 2].

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

[CTA BADGE 1] [CTA BADGE 2] [CTA BADGE 3]
$[BUNDLE PRICE] $[WAS] Save $[SAVE]
โœ“ [FINAL SHIP TEXT]