The “Wait for element before rendering charts” setting allows Kiwi to delay loading the size chart until a specific element appears on the product page.
This is useful for stores where the product page loads content dynamically (for example when variants change, sections reload, or other apps modify the page).
By waiting for a specific element, Kiwi ensures the size chart loads in the correct location and at the correct time.
Why this setting exists
By default, Kiwi loads the size chart as soon as the sizing plugin initializes.
However, some Shopify themes or apps:
Reload parts of the product page when variants change
Dynamically inject product sections
Load variant selectors asynchronously
In these cases, the size chart might load before the page finishes rendering, which can cause issues such as:
The size chart appearing in the wrong position
The size chart not appearing at all
The size chart disappearing after variant changes
The Wait for element setting helps prevent these issues.
How the setting works
When enabled, Kiwi will:
Wait until the specified CSS selector appears on the page
Then render the size chart
If the element does not appear immediately, Kiwi will wait for the configured delay time before attempting to render.
Setting options explained
CSS Selector of the element
This is the element Kiwi should wait for before rendering the size chart.
Example selectors:
.product-form
.product__info
.product-single__meta
If the selector field is left blank, the delay feature is disabled and Kiwi will render charts normally.
Delay
This setting controls how long Kiwi waits for the element to appear.
The value is measured in seconds.
Example:
Delay: 5
Kiwi will wait up to 5 seconds for the specified element to become available before rendering the chart.
When should you use this setting?
You may need this setting if:
Your theme reloads the product section when variants change
You use apps that modify the product page dynamically
In most stores, this setting is not required and the default behavior works correctly.
Important notes
Leaving the CSS selector blank disables this feature
The selector must match an element that exists on the product page
Using an incorrect selector may prevent the size chart from rendering
If you're unsure which selector to use, our support team can help you identify the correct element for your theme.