Skip to content

Add the Parts Diagram Block

The Parts Diagram block is a Shopify Theme App Extension. It works on Online Store 2.0 themes — every theme published in the Shopify Theme Store after mid-2021 qualifies.

Steps

  1. In your Shopify Admin, open Online Store → Themes.
  2. Find your active theme and click Customize.
  3. At the top of the customize editor, switch the template selector to Products → Default product (or the specific product template you use).
  4. In the section list on the left, find your Product information section.
  5. Click Add block under that section.
  6. Under the Apps group, choose Parts Diagram.
  7. Drag the new block into the position you want — most stores place it directly below the product gallery.
  8. Click Save at the top right.

The block now renders on every product page using that template.

Multiple product templates

If you have several product templates (for example, Default, Featured, Apparel), repeat the steps above for each template where you want the diagram to appear. Theme editor block placements are template-specific.

Custom theme sections

Some themes allow apps to render in custom locations beyond the product information section. Parts Diagram is registered as a section block target — meaning it can be added to any section that declares "App blocks" support, on product templates only.

If your theme doesn't expose Add block under your product section, contact your theme developer or use a theme that supports app blocks.

Removing the block

Open the same template in the customize editor, find the Parts Diagram block, click the menu next to it, and choose Remove block. Click Save.

Removing the block from the theme does not delete diagrams or assignments — it only stops them from rendering on the storefront. Re-add the block at any time to bring the diagrams back.