Skip to content

Creating Pages

In PartsDiagram Pro, a Page is a browseable landing page inside your store that organizes your diagrams into a navigable hierarchy. Think of Pages as the shelves and sections in a parts catalog — customers navigate through them to drill down to the diagram they need.

A typical Page structure looks like this:

Yamaha (Root Page)
└── YZF-R1 (Child Page)
└── 2022 (Child Page)
└── Engine – Cooling System (Diagram)
└── Engine – Fuel System (Diagram)

Pages make it easy for customers to browse your entire parts catalog without needing to search for a specific model. Each Page gets its own clean URL inside your store and can appear in your navigation menus.

To create one: go to PartsDiagram Pro → Create Page in your Shopify admin.


The name of the page as it appears to customers — in the browser tab, the page heading, and any menus it’s added to. Keep it short and descriptive.

Examples: Yamaha, YZF-R1, 2022, Honda Engines

The URL-friendly version of the title. It’s auto-generated from the Page title (spaces become hyphens, uppercase becomes lowercase), but you can edit it manually.

Example: a title of YZF-R1 2022 becomes the handle yzf-r1-2022, resulting in a URL like:

yourstore.com/a/pages/yzf-r1-2022

Keep handles lowercase with hyphens only — no spaces or special characters.

The description that appears in Google search results and when your page is shared on social media. Write 1–2 sentences describing what this page covers.

Example: Browse interactive parts diagrams for the Yamaha YZF-R1 2022. Find and order the exact part you need directly from the diagram.

This field is optional but recommended for any top-level or category pages that you want to be discoverable via search.

The title that appears in search engine results (different from the Page title, which is shown on the page itself). If left blank, the Page title is used.

Use this when you want a more SEO-optimized title than the display title. Example: Yamaha YZF-R1 Parts Diagrams — UncapParts

The label used for this page when it appears in a navigation menu. This can be shorter than the Page title if needed.

Example: a Page titled Yamaha YZF-R1 2022 Parts might use the menu label YZF-R1 2022 to keep the menu tidy.

If left blank, the Page title is used as the menu label.

An optional banner image displayed at the top of the page. Accepted formats: .jpeg, .jpg, .png.

Use a wide, landscape-oriented image — something like a clean photo of the machine this page covers. Recommended dimensions: 1200 × 400 px or similar wide-format ratio. This is optional; many pages work fine without a banner.

Sets the hierarchy of this page. If this page sits under another page (e.g. a model page under a make page), select the parent here. Leave it as None if this is a top-level page.

Example: A page for YZF-R1 would have Yamaha as its parent. A page for 2022 would have YZF-R1 as its parent.

Classifies what kind of content this page represents. The available types correspond to the levels in your parts catalog hierarchy — for example: Make, Model, Year, Category. Select the type that best describes this page.

This is used to organize pages in Manage Categories and helps the app generate correct breadcrumbs.

Check this box if this page is the top-most entry point in your catalog — the page you want customers to land on first when browsing parts. Only one page should be marked as the root.

If you have a single root like All Brands or your store name, check Root page on that one.

A rich-text editor for adding descriptive content to the page — useful for SEO or to give customers context. You can use headings, bold, lists, links, and images.

This is optional. Many pages need nothing here; however, top-level or category pages benefit from a short description (1–3 sentences) explaining what’s covered.

Optionally surface specific products or collections on this page. Select either:

  • Products — search for and pin individual Shopify products to appear on this page
  • Collections — select a Shopify collection; all products in that collection will be shown

This is useful for pages that represent a specific machine model — you could feature the machine itself as a product alongside its diagrams so customers can buy the machine and its parts in one place.


Click Create Page at the bottom when you’re done. The page is saved immediately and is accessible via its URL, but it won’t appear in your store’s navigation until you add it to a menu in Online Store → Navigation or via the Header Menu setting in Page Styling.


Build top-down. Create your root/parent pages before child pages — you can only select a Parent Page that already exists.

Keep titles short. Customers see these in breadcrumbs and menus. 2022 is better than Yamaha YZF-R1 2022 Model Year.

Use consistent handles. If you use make/model/year as your URL pattern, stick to it across all pages so your URLs are predictable (e.g. /yamaha/yzf-r1/2022).