Jotly size chart settings full guide

Jotly Size Chart offers a wide range of customizable settings that allow you to control how and where the size chart appears on your Shopify store. Here is a detailed explanation of what each setting does to help you configure the app for the best customer experience.

You can choose which devices the size chart will appear on:

1. Both: The size chart will be shown on both desktop and mobile devices.
2. Desktop Only: The size chart will be visible only to users accessing your store from a desktop computer.
3. Mobile Only: The size chart will be visible only to users accessing your store from a mobile device.

This setting allows you to customize the text displayed on the size chart button. For example, you might want to change it to "View Size Guide" or "Find Your Fit" to better match your store's branding.

• Default Text: "Size Chart"

You can control where the size chart button or link appears on your product page:

1. Above Add to Cart Button: The size chart link will be placed above the "Add to Cart" button, making it one of the first elements customers see.
2. Below Add to Cart Button: The size chart link will be placed below the "Add to Cart" button, ensuring it is visible but less prominent.
3. Floating Button: The size chart will appear as a floating button on the screen, which remains visible as customers scroll through the page. No further action is required to set this up.

If you choose to place the size chart above or below the "Add to Cart" button, you can further customize the appearance with these settings:

• Text Color: Select the color of the button text (e.g., #000000 for black). This helps to ensure the button stands out against your store's background.
• Icon: Select icon to show beside Size chart button text

These settings apply only if you choose the "Floating Button" placement:

1. Background Color: Customize the button's background color to match your store's branding (e.g., #000000 for black).
2. Text Color: Choose the color of the text on the floating button (e.g., #ffffff for white).
3. Floating Button Size: Choose the size of the floating button:
   1. Small: A compact button, great for a minimalistic look.
   2. Medium: A moderate-sized button that balances visibility and subtlety.
   3. Large: A prominent button for maximum visibility.

This setting controls how the size chart is displayed on desktop devices:

1. Overlay: The size chart will be displayed as a full-screen overlay, which is a great way to capture the customer's attention.
2. Left Panel: The size chart will appear in a panel on the left side of the screen, allowing customers to view it while still seeing the product details.
3. Right Panel: The size chart will appear in a panel on the right side of the screen, similar to the left panel option but on the opposite side.