If your store already has a built-in size chart feature, you can make it accessible directly from the bundle widget to improve customer experience.
Our app doesn't insert the size chart itself but allows you to trigger it via a custom button within the widget.
✅ Requirements
Your theme must already have a functioning size chart implementation.
You must be able to trigger it with JavaScript (e.g., via an event listener or modal).
Steps to Add a Size Chart Button in the Widget
Here’s how to add size chart button to a product widget in just a few steps:
Go to the App Dashboard
Open your app in Shopify and navigate to: Widget Customization → Additional Elements in Widget
Enable the Custom Button
Toggle on the Custom Button option. You can label it something like “Size Guide” or “View Size Chart”.
Add the Button Event.
The button works by triggering a custom JavaScript event. You’ll need to set up an event listener in your theme’s code.
Example:
javascript
document.addEventListener("MAKEBECOOL_BUNDLES.showSizeGuide", function () {
// Replace this with your theme’s size chart logic
openSizeChartModal();
});
This way, when the user clicks the size chart button in the widget, your existing size chart modal or popup will open.
💡 Tips
Make sure your developer or theme support team knows how your size chart is implemented so they can connect it to the button event.
You can fully style the button using custom CSS to match your store’s branding.