How to install size chart app?

Step 1

Click on "Installation Guide" menu

1

Step 2

Click "Turn On" button to enable ILM Size Chart app

1

Step 3

Click on the toggle to embed ILM Size Chart (make sure you embed it in your live store theme. It won't work with your draft themes)

Step 4

Click on "Add App Block" button to insert the size chart widget in your store

Step 5

Now let's set up the size chart widget so you can start displaying size charts immediately. Simply click "Save" when you're done.

How to setup onboarding process?

Step 1

Click on "Enabled app embed" button

1

Step 2

Click on the toggle to embed ILM Size Chart (make sure you embed it in your live store theme. It won't work with your draft themes)

1

Step 3

Click on "Next Step"

1

Step 4

Click on "Install size chart widget" button

1

Step 5

Now let's set up the size chart widget so you can start displaying size charts immediately. Simply click "Save" when you're done.

1

Step 6

Click on "Next Step"

1

Step 7

Click on "Finish Setup" button to complete the onboarding process

1

How to display the size chart using Smart Selector Advanced Position?

Step 1

This article will guide you on how to select the size chart position on your product page using the Smart Selector feature. With this tool, you can visually and directly choose the size chart position on your live site. Let's begin!

To use Smart Selector, first you need to enable the advanced position and click on the mouse icon at Position:

1

Step 2

After clicking the mouse icon, the Smart Selector popup will appear. Here, you can either use the default URL or enter the URL of the page where you'd like to set the size chart position. The position you select on this page will be applied to all other product pages.

Click "Select Position" to open the page and choose where to display the size chart button.

2

Step 3

Hover over any position you want to display the Size chart button. There will show select position text, you just click on it will appear confirmation popup, click Ok and you have finished choosing the size chart display position on your product page.

3

Step 4

CSS Selector: The CSS class for the selected position on your product page will be displayed here.
Position: You can place the size chart button either above or below the selected position.

Once you've completed your settings, be sure to click "Save".

4

 

Check your storefront. You have successfully configured the size chart position.

5