Personalized product pages

Build a personalized product page like the big gift shops, with no code. Frame your personalization app's options in a titled panel, show a real savings badge, and add a Preview button and collapsible rows.

• Titled groups. Give a Group block a Title and it becomes a panel with a heading strip: plain text, a filled bar or a fading bar in the section's button colour. Put your personalization app's options inside it for a "Personalized" box.
• Savings badge. The Price block can show 29% OFF as a filled badge, colour the sale price in the button colour, and put the struck-through compare-at price first. The percentage comes from the product's real compare-at price; without one, nothing extra is shown.
• Preview button. A new Preview button block opens a large view of the preview your personalization app made for the shopper's choices, or the photo on screen. It is hidden when there is neither.
• Collapsible rows. A new Collapsible row block shows the product description, your shipping and refund policies from Settings → Policies, or your own text, behind a heading and an icon. Empty rows are hidden.
• Add to cart button. Choose a fully rounded shape, a large height, a cart icon, and whether the total is shown on the button. Quantity can sit beside its label.

See Personalized product page.

New for app developers

• platformdtc:line-properties fires on window after every PlatformDTC.cart.setLineProperties call, so the theme shows your latest previewImage. See Line item properties.