What are Size Chart display types?
There are 3 display options of Size Chart for you to select:
Main Display Types
1. Floating Button
A button that remains visible as customers scroll through your product page.
On Storefront: Appears as a fixed button at your selected position on the screen.
Advantages:
- Always visible regardless of scroll position
- Stands out visually for easy access
- Can be positioned strategically for maximum visibility
Disadvantages:
- May be perceived as intrusive on some store designs
- Takes up permanent screen space
- Could compete with other floating elements
2. Inline Link
A text link that integrates directly within your product page content.
On Storefront: Appears as a clickable link within your product description or near variant selection areas.
Advantages:
- Blends naturally with your product content
- Creates a cleaner, less intrusive look
- Appears contextually where size information is relevant
Disadvantages:
- Can be overlooked if placed poorly
- Not visible when customers scroll away from its position
- Less noticeable than a floating button
3. Inline Link & Floating Button
A combination that provides both options simultaneously.
On Storefront: Displays both a floating button and an inline link on your product page.
Advantages:
- Maximizes visibility and accessibility
- Cater to different customer preferences
- Ensures size information is always findable
Disadvantages:
- Potential redundancy
- More elements to style and maintain
- Could appear excessive on minimalist designs
Popup Display Positions
When customers click to view your size chart, it appears in a popup with various position options:
Full screen: Maximum visibility with expanded screen coverage
Left/Right: Aligns to the side, leaving room for product context
Center: Traditional centered modal appearance
Custom: Precise control over dimensions and positioning
Choose your display type based on your store design, product complexity, and customer needs. The best option balances visibility with a seamless shopping experience.