Numbering is there to remove doubt

Numbering a parts diagram is not just about making it look organised.

The number tells the customer where to look. It connects the diagram to the parts list. It turns a drawing into a buying path.

If the numbering is messy, the customer still has to guess. If the markers are clear, the customer can move from diagram to part with confidence.

That is the purpose of markers in Konfigr.

How markers work in Konfigr

In a Konfig, each marker sits on the diagram as a clickable hotspot.

The marker usually represents a part position. When the customer clicks it, the matching item in the parts list is highlighted or brought into focus. The customer can then check the product name, image, price, stock, SKU, and add-to-cart button.

The relationship works both ways. The customer can also use the parts list to understand what each marker refers to.

This is what makes the diagram useful. The image and the list are not separate resources. They are connected.

Use a numbering system customers can follow

Most diagrams work best with simple sequential numbers.

Start at one side of the diagram and move logically through the product. Do not jump around without a reason. If the product has natural sections, group related parts together.

For example, a pump might start with the lid and basket, then move through O-rings, diffuser, impeller, seal kit, housing, and motor-side parts.

The exact order is less important than consistency. Customers should feel like the numbering has a pattern.

Pre-numbered image or Konfigr markers?

Some diagrams already include numbers inside the image. That can work if the numbers are clean, readable, and match the parts you plan to sell.

But pre-numbered diagrams can also create problems. The supplier’s numbering might not match your Shopify products. The image may include parts you do not sell. The numbers may be too small on mobile.

Konfigr lets you place markers on the image, so you can control what customers see. You can use the original diagram as the base and place clean clickable markers over the relevant parts.

If the original numbers are useful, keep them. If they create noise, use a cleaner image and let Konfigr handle the customer-facing numbering.

Give markers room to breathe

A marker should not hide the part it is trying to identify.

Place hotspots close enough to the part to make the connection clear, but not so close that they cover important detail. If several parts sit together, spacing matters even more.

On detailed diagrams, zoom and pan can help. But the marker placement still needs to make sense when the customer first lands on the page.

If a group of markers becomes crowded, that may be a sign that the diagram should be split into smaller sections.

Size markers for real devices

Desktop and mobile are different.

A marker that looks tidy on a large screen can be hard to tap on a phone. A marker that is perfect for mobile may feel too large on desktop.

Konfigr lets you set hotspot sizes for desktop, tablet, and mobile. Use those settings. Do not assume one marker size will work everywhere.

After placing markers, test the page on your phone. If you have to pinch and tap carefully to hit the right part, customers will struggle too.

Labels should say enough, not everything

The marker number gets the customer to the part. The parts list gives them the product detail.

A good label or product title should be clear enough for the customer to recognise the item without turning the list into a technical manual.

Use practical names. Include model-specific or variant-specific wording where it prevents confusion. Show SKU if your customers use part numbers.

If the part needs more explanation, link the product name to the full product page where appropriate. Konfigr lets you control whether part titles link to their Shopify product pages.

One marker can show more than one option

Not every diagram position maps to one product.

You may have an OEM part and an aftermarket option for the same position. You may sell a standard version and a premium version. You may have compatible alternatives that should appear together.

Konfigr can show multiple products under one hotspot position. The customer clicks the one marker and sees the available options in the parts list.

This keeps the diagram cleaner than placing separate markers for items that occupy the same physical position.

One product can appear in more than one place

The reverse can also happen.

The same Shopify product may appear multiple times on one diagram. A washer, screw, clip, or O-ring might be used in several positions.

Konfigr can use multiple hotspot positions for the same part. Each marker shows where the part appears, but the linked Shopify product remains the same.

That avoids duplicate products and keeps the parts list accurate.

Good numbering makes the page feel simple

The customer should not notice the numbering system too much.

They should see the diagram, click the part, understand the match, and move on.

If they have to decode your numbering, compare two different label systems, or guess which marker belongs to which product, the page is doing too much work in the wrong place.

Keep the markers clear. Keep the order logical. Keep the labels useful.

That is enough.

Related Articles

Continue your learning with these related resources: