Skip to content
Signal Theme Docs

Reorder the product page

Nothing in Signal’s buy column is fixed. The title, the price, the size run, the add-to-bag button, the shipping promises, the accordions — each is a separate piece you can move, remove or duplicate in the theme editor.

The Signal product page: image gallery on the left, and on the right the buy column — breadcrumbs, product type, title, price, description, a one-time/subscribe toggle, add to bag, stock counter, shipping perks and collapsible sections.

Everything on the right of that image is reorderable. A size-led page for apparel and a spec-led page for hardware are the same section with the pieces in a different order.

Do this

Section titled “Do this”

  1. Open the product template.

    Theme editor → the template dropdown at the top → Products → Default product.

  2. Select the Product section in the left sidebar.

    It expands to show the buy column’s contents as a list — title, price, variant picker, buy buttons, and the rest.

    The theme editor sidebar on the Default product template. The Product section is expanded, listing its blocks in order: Product meta, Product title, Price, Rating, Product description, Variant picker, Buy buttons with Quantity, Add to cart and Accelerated checkout nested inside it, then Back in stock, Stock counter, Pickup availability, three Perk rows, Trust badges, Share and Accordion.
    Every row here is draggable. Buy buttons holds three pieces inside it — those move with it.

  3. Drag to reorder.

    Grab a row and move it. The preview updates as you drop. Want the price above the title? Drag it up one place.

  4. Click any piece to configure it.

    Each has its own settings — the price can show or hide the tax note, the variant picker switches between swatches and pills, and so on.

  5. Remove what you don’t need.

    The three-dot menu on each row has Remove. Nothing is required; a stripped page with title, price and a button is a valid page.

  6. Add what’s missing.

    Add block at the bottom of the list. Pickup availability, back-in-stock alerts, a spec table, trust badges and a share row are all available and not all are on by default.

  7. Save.

Changing one product only

Section titled “Changing one product only”

Reordering the default template changes every product. To give one product a different arrangement:

  1. In the editor’s template dropdown, choose Create template.
  2. Base it on the default product template and give it a name.
  3. Arrange it however that product needs.
  4. In Shopify admin, open the product → Theme template → pick your new one.

Useful when one product needs a size chart and a fit video while the rest of the catalogue doesn’t.

If something looks wrong

Section titled “If something looks wrong”

A piece disappeared after I moved it. Some only render when they have something to show — pickup availability needs a location with pickup enabled, back-in-stock only appears on sold-out variants, the rating only with review data. It’s in the list, just not visible on this product.

The order changed on mobile too. It would. There’s one order for both; the layout reflows but the sequence holds. Check a narrow window before saving.

I can’t find the add-to-bag button in the list. It lives inside Buy buttons, along with quantity and the accelerated checkout options. Click that row to configure it.

Next

Section titled “Next”