# 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

1. Go to **Online Store → Theme Settings**. In the top-left **Select Page** menu choose **Product**.
2. 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.
3. 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.
4. 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.
5. Product Images: in **Settings** turn on **Enable zoom** and pick **Zoom button position**; the **Variants** tab offers 3 gallery designs.
6. Product Description: set **Type** to **Normal** or **Short**. Product Details Tab: choose **Tabs Style** (**Normal** / **Buttons**) — its tabs are Description, Reviews and FAQs.
7. Add an **FAQ** block (**Title**, **Subtitle**); its questions come from the FAQ section of the product itself in **Products → Manage Products**.
8. Click **Save**, then make sure the page is **Published**.

## Common problems

- Product Variants disappeared on the live page → when 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 block → use **Undo** in the top bar before saving, or re-add it from **Add Blocks**.
- Layout looks fine on desktop but broken on mobile → switch 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 store → **Save** 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 title → see [How to add badges or small icons under the product title or price](https://help.dropify.shop/en/guides/add-badges-or-flags-under-the-product-title-or-price/).

## Related
- [How to customize sections on your product page](https://help.dropify.shop/en/store_theme/customize-product-page-sections/)
- [Add, move, copy and delete blocks on a page](https://help.dropify.shop/en/guides/add-move-copy-and-delete-blocks/)
- [Edit the mobile and tablet layout separately](https://help.dropify.shop/en/guides/edit-mobile-and-tablet-layout/)
- [Add an FAQ section](https://help.dropify.shop/en/guides/add-a-faq-section/)