Size Chart Settings
Customize how your size charts look and function with these settings. Access settings by clicking the "Settings" button in your dashboard.
Size Chart Button Settings
Control how the size chart link appears on your product pages.
Button Text
Change what text appears on your size chart button (default is "Size Chart"). Simply type your preferred text in the button text field.
Other options include:
- Icon
- Button alignment
- Button text color
If you wish to hide the size chart button icon, please select the "None" option
Modal
Customize the size chart popup window that opens when customers click your button.
Options include:
- Modal type - popup or flyout
- Modal background color
- Modal border width
- Modal border color
- Modal border radius
Overlay
Fine-tune the backdrop that appears behind your size chart modal.
Options include:
- Overlay background color
- Overlay opacity
Modules
Each of the module types has specific settings to customize appearance and functionality.
This includes settings for each module:
- Heading
- Text
- Table
- List
- Callout
- Image
- Divider
Advanced Settings
Access advanced features to keep your size charts up-to-date and fully customized.
Product Types Refresh
Keep your product targeting current with your Shopify catalog:
- Click "Refresh Product Types" to fetch the latest product types from your store
- New product types automatically appear in your display settings
Product Vendors Refresh
Update your vendor list to match your current suppliers:
- Click "Refresh Vendors" to pull updated vendor information
- New vendors become available in display settings immediately
- Remove outdated vendors no longer in your catalog
Custom CSS (Pro Only)
Add your own CSS for complete design control:
- Write custom styles in the text box
- All CSS is automatically scoped to
.sizely-size-chart - Save and apply custom styles across all size charts