Customize the product page layout
Open Online Store → Theme Settings, pick Product in the page selector, and edit the Product Details section: every element (images, title, price, variants, bundles, order form, description) is its own block you can reorder, delete or add to.
Steps
- Go to Online Store → Theme Settings. In the top-left Select Page menu choose Product.
- Click any element on the canvas — Product Images, Product Title, Product Rate, Product Price, Product Discount, Product Variants, Product Bundles, Quantity Button, Add To Cart Button, Express Checkout, Live Visitors, Product Description or Product Details Tab. A floating toolbar appears with the block name.
- Reorder with the toolbar's move up / move down arrows, or open Design Layers (layers icon) to drag blocks, hide them with the eye icon, or delete them.
- Delete an element with the toolbar's delete icon. To insert something new between two elements, press + on the toolbar (or click the thin drop zone between them) and search the Add block modal.
- Product Images: in Settings turn on Enable zoom and pick Zoom button position; the Variants tab offers 3 gallery designs.
- Product Description: set Type to Normal or Short. Product Details Tab: choose Tabs Style (Normal / Buttons) — its tabs are Description, Reviews and FAQs.
- Add an FAQ block (Title, Subtitle); its questions come from the FAQ section of the product itself in Products → Manage Products.
- Click Save, then make sure the page is Published.
Common problems
- Product Variants disappeared on the live pagewhen the Product Bundles (offers) block is on the page, the Variants block is removed in live mode because the offers widget already includes variants.
- Deleted the wrong blockuse Undo in the top bar before saving, or re-add it from Add Blocks.
- Layout looks fine on desktop but broken on mobileswitch the device size in the top bar and adjust the block's Styles; edits apply only to the selected device.
- Changes don't show on the storeSave stores the page; the Published / Unpublished toggle makes it live. Changes are saved per language, so repeat in each store language.
- Want a badge or icon under the titlesee How to add badges or small icons under the product title or price.