Content Blocks: Mixing Block Types Inside a Section

Build a section's content from small, reusable blocks — add, reorder, duplicate, and remove Compare Slider, Image, Video, and Quote blocks inside Comparison Carousel.

A handful of sections go beyond their own fixed fields and let you build their content out of blocks instead — small, reusable content pieces you add one at a time, in any mix and any order, inside the section itself.

Screen: Online Store → Pages → [your page] → click the Comparison Carousel section → Blocks panel (it sits below the section's own Content/Layout/Style tabs).

Finding the Blocks panel

Open the section's editor as usual — click it in the section stack — and look below its own tabs (Content, Layout, Style, and so on). A Blocks panel sits underneath all of them, staying visible no matter which tab is selected, since blocks aren't tied to any one tab.

Comparison Carousel auto-advances when its own Autoplay setting is on and it has more than one slide (block-built or legacy), and — like the other autoplaying carousels in the library — it carries a visible, keyboard- and touch-operable pause/play control whenever it's auto-advancing, so a shopper can always stop the motion (required by WCAG 2.2.2). With autoplay off, or with only one slide, no pause control appears — that's expected, not a missing control.

Adding a block

Click Add block to open the Add a block dialog: a searchable grid of every available block type, each with a thumbnail and short description. Click a card to add it — the block is inserted at the end of the list and opens automatically for editing.

If a block type has a per-type limit and you've already hit it, its card greys out with Limit reached — X of Y instead of adding another. Comparison Carousel doesn't set a per-type limit on any of its four block types today, so this only matters once the total-block cap below is reached, at which point Add block itself disables.

Working with a block

Each block appears as a row with its type label and a one-line preview of its content (its heading, quote, or first label, whichever it has). Click the row to expand it and edit its settings; the same click collapses it again. Alongside each row:

• Move up / Move down — reorder this block relative to its neighbours. Disabled at the top or bottom of the list.
• Duplicate — clone this block with all its current settings, inserted right after the original. Blocked (silently, no error) if duplicating would put you over that block type's per-type limit.
• Remove — asks you to confirm ("Remove this block?") before deleting it; Cancel backs out with no change.

Each block type's settings

An empty required field on a block (no image on an Image block, no quote text on a Quote block, one missing side of a Compare Slider) means that specific block quietly doesn't render on the storefront — the rest of the section's blocks still do. Half-finished content never ships as a broken half-comparison or an empty card.

Converting old slides to blocks

Comparison Carousel existed before blocks did, storing its before/after pairs as a plain list of slides. If a section still has those old slides and no blocks yet, a Convert slides to blocks button appears above the (empty) Blocks panel. Clicking it asks you to confirm — "Convert slides to blocks? The legacy slide list will be cleared. This can be undone with Undo." — then turns every old slide into its own Compare Slider block, in the same order.

If a section somehow ends up with both blocks and leftover legacy slides at the same time, a warning banner explains that the legacy slides are hidden while blocks are in use, and prompts you to convert or delete them.

Next steps