Proper configuration of size charts ensures they render correctly across your products and remain functional for future updates. This guide covers initial setup, troubleshooting steps, and maintaining placement for future products.
Initial Setup of Size Charts
Add the Kiwi Sizing app to your theme: Ensure the size chart can render across all relevant products by including the Kiwi Sizing app, snippet, or block in your theme and product template. This is essential for visibility and proper placement.
Assign size charts to products and templates: - In the Kiwi Sizing app, assign the charts to the product(s) they should appear with. - Verify the chart is associated with the correct product template. Mismatched templates could result in the chart not displaying.
Place the chart using selectors or block placement: Confirm that the chart's selector or block placement targets a visible element on the product page to avoid rendering issues. This ensures customers can readily see and use the size chart.
Ensuring Compatibility for Future Updates
Future size charts will continue to render in the configured placement if you maintain consistent settings:
Keep labels consistent in product options: The placement rules depend on matching labels, such as a "Size" option label configured in your Swatch/variant settings. Ensure future products use the same labels configured for current products.
Update selectors if adjustments are made: If you alter the label or structure in your product collection, promptly update the placement selector or label to match. This action prevents gaps in functionality or visibility issues.
Common Issues and Troubleshooting Tips
Size chart not visible after setup: Verify that the Kiwi Sizing app/snippet/block is integrated into your theme and the product's assigned template.
Incorrect chart placement on product page: Ensure the selector or block placement corresponds to a visible element and matches the layout's intended target.
Enable the Kiwi Size Chart App Block: Ensure the Kiwi Size Chart app block is enabled in your Shopify theme settings. Open the theme editor, navigate to the product template, and add or enable the Kiwi Size Chart app block. Save your changes.
Add the Kiwi Snippet to Your Theme: If the size chart still doesn’t appear, check if the
{% render 'kiwiSizing' %}code is missing from yourtheme.liquidfile. Add this code to ensure the size chart displays correctly.Configure the Sizing Injection Selector: If the size chart is activated but not visible, configure the Sizing Injection Selector in the app settings to specify where the chart should render on the product page.
Adjust Text and Background Contrast: If the size chart is present but not visible, it may be due to a lack of contrast between the text and background colors. Update the chart’s font or element colors in the app or theme settings to improve visibility.
Clear Browser Cache: Changes made in the theme editor may not immediately reflect on the live site due to browser cache. Clear your cache and refresh the page to see the latest updates.
Resolve Conflicts with Swatch Apps: If you’re using a color swatch app (e.g., Swatch King), ensure the Kiwi size chart block is placed after the swatch app’s block in the product template. This ensures both features display correctly.
Enable Reinjection for Variant Changes: If the size chart disappears when customers select a different size or variant, enable the reinjection feature in the app settings. This ensures the chart remains visible after variant changes.
Check Product Assignments and Display Conditions: If the size chart appears on some products but not others, review the display conditions and product assignments in the app settings. Correct any configuration issues to ensure the chart displays on all intended products.
Restore Visibility After Theme Updates: If the size chart disappears after a theme update, add a "Size" block or section to your product page template and inject the size chart at the end of that section.
Summary
FAQs
Why does the app keep asking me to enable the Kiwi Size Chart?
Ensure the Kiwi Size Chart app block is added to your default product template. The notice will persist if the app block is missing from the template.
How do I disable the floating size chart button?
To disable the floating button, go to the Kiwi app settings, navigate to the widget/display settings, and toggle off the Float button.
Why doesn’t the size chart open when clicked?
This issue is often caused by mismatched conditions in the size chart settings. Review and adjust the matching conditions to ensure they correspond to the product.
Why is the size chart visible in the theme editor but not on the live site?
This can occur due to browser cache or compatibility issues with other apps. Clear your cache and ensure there are no conflicts with other apps.
By properly configuring the Kiwi Sizing app within your theme, maintaining consistent labels across product options, and updating selectors after structural adjustments, you can achieve reliable size chart placements. These steps ensure size charts display correctly for both current and future products.