How to customize sections on your product page

Steps

1. Open the product page template in the builder and click the section you want to change.
2. Use the Styles tab to adjust just that element's color/size without affecting the rest of the section — for example, click a single footer link and use Font Color to recolor only that link.
3. To change the phone number field, sticky add-to-cart bar, or checkout button, click that block directly and use its own settings rather than a global setting.
4. Add an image carousel by using the slider block and picking a video-style slider variant, then replacing its videos with your images.
5. Preview on mobile before publishing — several product-page issues only show up on the mobile layout.

Common problems

• A "Before & After" image slider added to one product shows the same image on every product→sections on the default product template are global by default; per-product customization of a shared section isn't available yet — as a workaround, add a GIF instead, or build a dedicated landing page for that specific product.
• The "Order Now" / add-to-cart button color looks different on one product→check that product isn't using a different display mode or an overridden style; if all products should match and don't, contact support with the two product links.
• Sticky cart bar on mobile shows the product title/price and you don't want it to→there's currently no self-service toggle to hide just the title/price on the sticky cart bar; contact support with your product link.
• Product page looks broken only on mobile (overlapping header, cut-off buttons)→check for a review/star-rating element or similar block causing overflow, and remove or resize it.
• Want checkout to skip straight to a payment form instead of a summary step→choose a product display mode without the add-to-cart button, and add the payment form element directly to the product page.

Related

• How to change your store's theme and edit its sections
• Product page shows a 404 or won't open