Skip to main content

Fix Size Chart Disappearing After Variant or Swatch Selection

Fix size charts that disappear after variant changes by enabling Reinject, using stable placement, and validating across variant states.

This guide shows you how to fix a Kiwi size chart that disappears from the product page when a customer changes a variant option, size, color, style or a swatch, so the chart stays visible whichever variant is selected.

When the chart vanishes after a variant change, it is usually because your theme or your variant app re-draws the product form and removes the size chart element Kiwi added to the page.

Who is this guide for?

This guide is for Shopify merchants and support teammates diagnosing a Kiwi size chart that disappears after a variant or swatch selection. It walks through the fastest reliable fix path: turning on Reinject, choosing a stable placement, and re-testing on the live storefront.

Enable reinject is available on every Kiwi plan, including Free, so the first fix below needs no upgrade.

App Block placement is not plan-gated either, it is available on every Kiwi plan. What it needs is a Shopify Online Store 2.0 theme.

Part of it does. Turning on Enable reinject works whatever your theme is, but the App Block placement described below needs a section that supports app blocks — Online Store 2.0 themes are where that support arrived, and the app block is the placement route Kiwi recommends. Theme version alone is not the answer, since Shopify decides app block support section by section. Where it is not available, Kiwi is loaded instead by the {% render 'kiwiSizing' %} snippet placed immediately before the closing </head> tag in theme.liquid, and placement is then handled entirely by the injection selector. That snippet route is not recommended, so only fall back to it if the app block is genuinely not an option.

To find out which you have: from the Shopify admin go to Online Store, click Edit theme, navigate to the product page and the section the chart belongs in, then click Add block in the sidebar. An Apps section in the block picker means that section supports app blocks and App Block placement is open to you; no Apps section means it does not, and you are on the snippet route.

Symptom: the Kiwi size chart disappears after a variant or swatch selection

If the Kiwi size chart is visible when the product page loads but disappears as soon as a customer picks a variant or swatch, the likely cause is that your variant app or theme re-draws the product page content and removes the size chart Kiwi injected.

Fastest next check: turn on Enable reinject in Kiwi and retest on your live storefront, see "How do I stop the Kiwi size chart disappearing when a customer picks a variant?" below.

Symptom: the Kiwi size chart appears on one variant but not another

If the Kiwi size chart shows for some variants of a product and not for others, the likely cause is that the chart is placed inside a container that the variant app rebuilds when the selection changes.

Fastest next check: move the size chart placement outside any block that is re-drawn on a variant change, see "Where should I place the Kiwi size chart so it survives a variant change?" below.

Symptom: the Kiwi size chart duplicates or jumps position after a variant change

If the Kiwi size chart appears twice, or moves to a different spot on the product page after a variant change, the likely cause is that the placement selector targets elements that are recreated each time the variant changes.

Fastest next check: use a stable parent selector, or use Kiwi App Block placement instead, see "Where should I place the Kiwi size chart so it survives a variant change?" below.

How do I stop the Kiwi size chart disappearing when a customer picks a variant?

Turning on Enable reinject in Kiwi is the first fix to try. It is the fastest route for a size chart that vanishes after a size, color, style or swatch selection.

  1. Open Kiwi Admin.

  2. Go to Styles & Settings in the left-hand navigation, then the General Settings tab and its Display tab, the page the app opens on.

  3. Under Display Settings, find the Enable reinject toggle. It is Off by default.

  4. Turn it ON and click Save.

  5. Retest on a live product page while changing variants.

Directly below that toggle is CSS selector of parent container to observe, a text field of up to 100 characters that takes a selector such as main.

On the retest, the size chart should remain visible and in the correct position every time you switch variant. If it still disappears, the chart is probably placed inside a container your theme or variant app rebuilds, move it to a stable placement, as described in "Where should I place the Kiwi size chart so it survives a variant change?" below.

The Enable reinject toggle on the Display tab of Styles &amp; Settings in Kiwi Admin, switched on.

Where should I place the Kiwi size chart so it survives a variant change?

Where you put the Kiwi size chart decides whether it survives a variant change. When a variant app such as Swatch King is installed, a placement inside a variant-rendered container is fragile, because the app replaces that container every time the customer changes an option.

Placements that survive a variant change:

  • Kiwi App Block placement, wherever it is available.

  • A placement outside the dynamic swatch or variant containers.

  • Above the Add to Cart button, or below the full variant section.

Placements that break on a variant change:

  • Injecting inside the swatch radio or option markup.

  • Targeting IDs or classes that are generated after a variant change.

  • Relying on a selector for an element that does not exist when the page first loads.

How do I check the Kiwi size chart fix worked?

After turning on Enable reinject or moving the size chart placement, verify the fix on your live storefront.

  1. Open one product that previously failed.

  2. Change the color and size variants back and forth twice, refresh the page, then switch twice more.

  3. Confirm the size chart remains visible and in the correct position throughout.

  4. Repeat on a second product template, if you use more than one.

Why does the Kiwi size chart still disappear after I tried the fixes?

If the size chart still vanishes on a variant change after you have worked through the Reinject and placement fixes, one of these is usually the reason:

  • Enable reinject is still OFF.

  • The chart is injected into a container that the variant app replaces.

  • The theme app extension is disabled in the theme that is currently live.

  • The placement selector points at an element that is recreated on each variant change.

To check the last one, and to turn it on: go to Sales channels → Online Store, click Edit theme on the theme that is live, and open the Products template, usually Default product. Click Add section, or open an existing section and click Add block, then switch to the Apps tab and choose Kiwi Sizing under Kiwi Size Chart & Recommender. Click Save. If the block is already in the template, it is enabled.

Check every product template you use, not only Default product. A store with custom product templates needs Kiwi Sizing added to each one, and a template that was missed produces exactly this pattern: the chart behaves on some products and is absent on others.

What should I send to support if the Kiwi size chart still disappears?

If the size chart still disappears after you have turned on Enable reinject and moved the placement outside the variant container, send the following to support so they can reproduce it:

  • Shop URL

  • Product URL and the variant path that fails

  • Theme name and version

  • Variant app name, for example Swatch King

  • Screenshot of your Kiwi placement settings

  • Screenshot showing the Reinject toggle switched ON

  • Short screen recording showing the chart disappearing

What if I do not have a swatch app yet?

If you are looking for a swatch solution and do not already have one, Kiwi's own team builds a free option: Kiwi Product Variants & Swatches. Because it is made by the same team as Kiwi Sizing, the two work together out of the box with no extra setup. It supports visual swatches for color, image and button styles among others, plus automatic variant image updates, sold-out variant handling, and fully customizable swatch styling.

Did this answer your question?