Add, move, copy and delete blocks on a page
Drag a block from Add Blocks onto the page, or press + on a container block; the floating toolbar on any selected block lets you copy, paste, move it up or down, or delete it.
Steps
- Open Online Store → Theme Settings and pick the page in the page selector.
- Add a block: click
+in the left rail to open Add Blocks and drag the block onto a drop zone on the canvas. Blocks with several designs show an Available Variants panel on hover — pick the design before dragging. - Add a block inside a container: select a Section, Box, Hero, Slider, Banner, Footer, Express Checkout or Checkout Form block and press
+in its floating toolbar; a searchable Add block window opens. - Move a block: use the move up / move down arrows in the floating toolbar. To find a block quickly, open Design Layers — clicking an item scrolls the canvas to it.
- Copy a block: press Copy this block, select the block you want it placed next to, then press Paste your copied block.
- Hide a block without deleting it: in Design Layers, click the eye icon next to it.
- Delete a block: press the delete icon in the floating toolbar or in Design Layers.
- Change a block's design: select it, open the pencil tab and choose Variants. Switching a variant keeps the block's content but resets its Styles.
- Click Save; switch Published on when the page is ready for visitors.
Common problems
- A red Missing required blocks alert appears after deletingsome blocks are crucial to their page (Collection on Categories, Cart on Cart, Checkout Form and Confirm Checkout on Checkout, Wishlist, Blog, Blog Post). Click the alert to re-add the block.
+does not appear on the selected blockonly container blocks accept children. Select the parent Section or Box instead, or drag from Add Blocks.- Custom padding, colours or animation disappeared after switching a variantexpected; a variant swap resets Styles. Use Undo to get the previous design back, then re-apply your styles.
- A block added to the header shows on every pagethe header and footer are Shared across all the store; put page-specific blocks under Page instead.