Creating size charts in Shopify is one thing, but displaying them is completely the other. Your size chart could be stunning, but it's no use if people can't find it. That's why you need to choose the right display settings offered by the app.
So, before you get to the creative step, fill out the display settings for your size charts. There are two ways to do that.
Post Contents [hide]
Hovering Size Chart Button
Navigate to Sale channels > Online Store > Themes and click Customize.
Move to the App embeds tab and enable the Magefan size chart. You'll see the size chart button added to the page right after.
Unfold the size chart display settings to set:
- Label — text on the size chart button
- Custom CSS — custom button styles
- Button Position — left or right button orientation
- Display Style — popup or drawer
- Drawer Position — left or right drawer orientation (in case you choose drawer as a display style)
Don't forget to Save the changes once you finish.
Embedded Size Chart Button
The other way to display size charts in Shopify is by embedding them directly into the page.
For that move to the Sections tab and choose a place where to add the size chart button. Hit Add block and switch to Apps to add the Magefan size chart button.
Drag and drop it where you want to add it.
Click on the button element on the page and fill out the display settings:
- Label — text on the size chart button or link
- Custom CSS — custom button styles
- Type — button or link
- Display Style — popup or drawer
- Drawer Position — left or right drawer orientation (in case you choose drawer as a display style)
Don't forget to Save the settings once you finish and go create your size charts. Then define the size chart conditions to customize their display based on product types, collections, tags, etc.