The diagram helps customers find the part

The add-to-cart button is not the first step.

First, the customer needs to identify the part. They land on the parent product page, look at the diagram, click the hotspot, and check the matching item in the parts list.

Only then does the buying action matter.

That is why Konfigr keeps add-to-cart inside the parts list. The customer can move from visual identification to purchase without losing the context of the diagram.

Each part can be added individually

Spare parts are usually not bought as forced bundles.

A customer might need one O-ring. A technician might need three items from the same diagram. A repair job might require a seal kit, impeller, screw set, and cover.

Konfigr supports individual add-to-cart actions for items in the parts list. The customer chooses what they need from the diagram and adds those items separately.

This is important because the diagram is there to help customers select the correct parts, not force them into a pre-made kit.

Konfigr uses Shopify’s cart system

Konfigr does not modify Shopify checkout.

When a customer adds a part to cart, the action works with Shopify’s cart behaviour and the merchant’s theme. That keeps the purchase flow aligned with the rest of the store.

If your theme opens a cart drawer, the behaviour may follow that pattern. If your theme redirects to the cart page, that may happen instead. If the theme adds items silently, the experience may reflect that.

The important point is that Konfigr is not creating a separate checkout path.

Cart drawer behaviour depends on the theme

Merchants often expect every add-to-cart action to behave the same way across every Shopify theme.

That is not always how themes work.

Some themes use a cart drawer. Some use a cart notification. Some redirect to the cart page. Some have custom JavaScript that controls the buying interaction.

Konfigr is built to respect the theme’s cart behaviour rather than forcing a different experience.

After adding the Konfigr block, test the cart action in your live theme or preview theme. Do not assume the behaviour based on another store.

Variant handling needs attention

Some parts are simple products. Others have variants.

If the correct part is a specific variant, you can pin that variant in the Konfig. Then the parts list points to the exact option needed for that diagram position.

If a variant is not pinned and the product requires a choice, the customer may need to select the appropriate option before adding it.

Use variant pinning when the diagram position already tells you which variant is correct. That keeps the customer from making an unnecessary choice.

Multiple parts from one diagram should feel natural

Customers often buy more than one part from the same diagram.

That is especially common for repairs. Someone replacing a pump seal may also need an O-ring. Someone repairing a power tool may need brushes and a holder. Someone working on an appliance may need clips, screws, and a gasket.

The parts list should make that easy.

Customers can identify one part, add it, continue reading the diagram, and add another. The page should support that kind of practical buying behaviour.

Button text should match the store

Button wording matters more than it seems.

“Add to cart” is familiar and clear. Some stores may use different wording across the theme. Konfigr includes button text controls so the parts list can fit the store’s normal buying language.

Do not get clever with button text. Spare parts customers want clarity.

If the button adds an item to cart, say that clearly.

Button styling should be obvious, not loud

The button needs to be easy to find.

Konfigr includes controls for button colour, size, and radius. Use them to match your theme while keeping the buying action visible.

If the button blends into the card, customers may miss it. If it is too loud, the parts list can become visually tiring, especially on pages with many items.

Match the theme, but keep the action clear.

Stock status should guide the action

If you choose to show stock status, it should sit close enough to the buying action to help the customer decide.

Customers should not add a part and only later discover availability is an issue. For trade buyers and repair customers, this information can be critical.

Because Konfigr reads product data from Shopify, the parts list uses current product information.

That makes the add-to-cart decision more informed.

Test the cart flow before publishing

Always test add-to-cart before publishing a parts page.

Click a hotspot. Add the connected part. Check what the theme does. Repeat the process with a variant product. Add multiple parts. Check the cart. Check mobile.

This is not busywork. Cart behaviour is part of the buying path, and different themes can behave differently.

The page is ready when the customer can find the part, understand the item, add it to cart, and continue without confusion.

Related Articles

Continue your learning with these related resources: