Skip to main content

How to Move the Size Chart Inside Swatch King

Updated this week

If you're using the Kiwi Size Chart & Recommender app to display size charts within Swatch King, you can change the chart's position easily.


Change the Position of the Size Chart

Here’s how to do it:

  1. Open the Swatch King app settings.

  2. Look for the Size Chart Setting:

  3. Click the “Search size options” field and add all your size option names, like “Size,” “Shoe Size,” or any others you use. This ensures your size chart displays accurately and clearly for your customers.

  4. Under Size Chart Alignment, select either:

    • “Inline with label”

    • “Inline with label right”

⚠️ Note: Do not apply force CSS (e.g., using !important) in the Advanced CSS section of your Kiwi admin settings. This may interfere with Swatch King's layout handling.

Swatch King will wrap Kiwi’s size chart link or button into its own container, and the positioning will be controlled by Swatch King.

  • “Inline with label” places the chart link directly after the size label.

  • “Inline with label right” places the link to the right of the label.



Special case: Use Kiwi’s Injection Settings Instead

If you don’t want to place the chart in Swatch King’s inline position and prefer to use Kiwi’s injection settings, here are some things to consider:

Swatch King, by default, expects you to select one of the sizing chart apps. When you select Kiwi, it injects the size chart inline with the size span.

If you don't want Kiwi to appear inline:

  • Deselect Kiwi from the Swatch King settings.

  • Temporarily select another size chart app, even if it isn’t installed, to maintain functionality.

For example, if you want Kiwi to display the chart above your Add to Cart (ATC) button, select a different app. This stops Swatch King from looking for Kiwi on the page.

This change allows you to use Kiwi’s regular injection settings.

However, if Kiwi is selected inside Swatch King, it will wrap the Kiwi chart inside its own container to align it with the size span. This disables Kiwi’s default positioning and UI injection logic.

Deselecting Kiwi inside Swatch King restores full control of placement to the Kiwi app, giving you more flexibility in positioning the size chart wherever you prefer on the page.

Did this answer your question?