This guide covers how to place the Kiwi size chart in custom positions on the Dawn theme using the app block system.
Once the Kiwi App block is added to your product template, the chart will display by default, floating to the right of the Size label.
If you'd like it to sit directly next to the label instead, you'll just need to add a small CSS snippet — no additional settings required.
Step 1: Add the App Block
In your Shopify theme editor, add the Kiwi App block to your product template.
Important: Make sure to add the block to all product templates that may display a size chart — not just the default template.
Step 2: Choose Your Placement
Option A: Inline with the Size Label
Add the following CSS to your theme to place the chart directly next to the Size label:
css
.ks-chart-container { margin-left: 10px !important; }
Option B: Custom Position (Drag and Drop)
If the merchant wants the chart somewhere else on the product page, enable the placement toggle:
Custom size chart placement → On
Make sure the Injector field on the Display Settings is completely blank.
Then drag the app block to your preferred position — above Add to Cart, below the title, etc.
Option C: Between Variant Selectors
To inject the chart between variant options, make sure Custom Size Chart Placement is enabled.
Enter the following in the Inject After CSS Selector field:
.variant-wrapper:first-of-type
Quick Reference
Goal | Custom Placement | Injector Field | CSS Needed |
Default (float right of Size label) | Off | Blank | None |
Directly next to Size label | Off | Blank |
|
Custom drag-and-drop position | On | Blank | None |
Between variant selectors | On |
| None |