Q1: Can I add different size charts to different products?
Yes, you can easily manage which products display specific size charts using the Create chart/ Edit chart feature. We offer three methods to assign size charts to products in the Step 2: Settings tab:
Display position > By pages > Apply to all products
- Apply your size chart to all available products in your storefront
Display position > By pages > Selected pages
- Add specific products manually
- Click “Choose products” to open the product selection popup, then choose individual items
Display position > By pages > Group of products by conditions
- Apply size charts based on conditions like product title, product tag, etc.
- Choose between:
- Apply if products match all conditions
- Apply if products match any conditions
Additional display options
- Show on collection pages, homepage
- Display or exclude display for selected countries only
Q2: Why isn’t my size chart showing on my storefront?
Solution 1:
- Check Appearance > Button type
- If you’ve selected Inline link, verify your App block/ CSS Selector settings
- Compare with the HTML Element by pressing F12 to inspect the page elements
- If you can’t find the correct HTML element, try selecting a different position
Note: Always publish the App and re-select the Position after changing your theme.
Solution 2:
- Check Create chart/ Edit chart > Step 2: Settings > Advanced Settings
- If you’ve enabled CSS Selector for individual size charts, verify you’ve chosen the correct position for each chart
Q3: How do I position the chart button (inline link style) on my storefront?
Method 1: Add with app block (recommended for Theme 2.0)
Choose the block position on your page:
- If not selected yet: Click “Add app block” to open a new tab and select the chart button’s position
- If already selected: The button changes to “Change position” - click it to view and modify the existing position
Method 2: Add with CSS selector
- Use when your theme doesn’t support App Blocks or when position customization per page isn’t available
- Detailed settings will appear immediately upon selecting this method
For Inline link & floating button combination:
- When selecting “Add with app block,” settings won’t appear immediately
- You’ll see the message: “Save changes to display the Size Chart app block on your theme”
- Click “Save” to apply settings and view the configuration interface
Note: For any button style that includes “Add with app block,” remember to click Save to update the interface.
Q4: Can I customize the appearance of my size chart?
Yes! The app offers extensive customization options:
For Free plan users:
- Basic customization for text and table content
- Floating button customization
For Paid plan users: Advanced customization options, including:
- Layout options (Media + Text, Media + Table, Table + Text) (coming soon)
- Customizable tabs with multiple styling options
- Advanced button styling (background colors, borders, text formatting)
- Chart popup appearance (colors, sizes, positioning)
- Table appearance (colors, highlighting, hover effects)
- And much more!
Use the Advanced Settings feature to access all customization options.
Q5: Does the app support multiple measurement units?
Yes, the app supports automatic unit conversion between centimeters and inches. Customers can toggle between units when viewing your size chart.
Q6: Can I display my size chart in multiple languages?
Yes, you can display your size chart in multiple languages using the Auto-translate size charts feature in Setting section.
Once enabled, the Auto-Translate feature will:
- Detect your customer’s selected language preference on your store (when customers manually change the language using your store’s language selector)
- Automatically translate all text elements in your size charts, including:
- Header titles
- Measurement descriptions (Chest, Waist, Length, etc.)
- Any additional instructions or guidance text
The size chart content will be translated into the language your customers are using when they visit your store.
Q7: How to show the converted unit on the storefront?
To display converted units on your storefront:
- Go to the Manage Charts > Step 1: Content
- Turn on the “Show convert unit on storefront” toggle.
- Select your Base unit (e.g., Cm) — the Converted unit (e.g., Inch) will be shown automatically.
- If you want to exclude specific rows or columns from being converted, simply add an asterisk (*) after the title of that row or column.
Need advanced setup with multiple units? Contact us for free customization.
Q8: How to show the size chart as a dropdown on storefront?
- From your Shopify Admin, go to Size Chart > Appearance
- In Choose a way to display size chart field, choose Dropdown section.
- Click the Add app block button — this will open the Theme Editor in a new tab.
- In the Theme Editor, locate the Size Chart app block and drag it up or down to choose the exact position where the dropdown should appear on your product page.
Q9: How to create charts with 2 columns?
- Click “Turn into 2 columns” on any element.
- Drag and drop blocks into each column, or move them back out as needed.
- Click “Save” to apply the changes.