Adding App Blocks (Shopify 2.0 Themes Only)

How to add the Modi AI Fit Assistant to your product pages using App Blocks

App blocks are only supported on Shopify Online 2.0 themes if you aren't using a Shopify Online 2.0 theme, please proceed to the manual setup section

Adding the Modi AI Fit Assistant to your product pages

1. Navigate to your Shopify Admin Dashboard and select Online Store located in the Sales Channels section

2. Navigate to your product page template

Select Home Page ---> Products ---> Default product

1. Under Product information, select add new block, then locate Modi's "Config" and"Find your size" blocks

You must first select "Add block" in order to see Modi's App Blocks

1. Place "Config" under "Share", and "Find your size" under "Variant picker"

Do not place "Config" above "Find your size"

1. If you'd like, adjust the placement of the Modi "Find your size" to your preference (we typically suggest underneath the variant picker)

2. After you are done, don't forget to hit the Save button to save the changes.

The "Find your size" button will not appear visible until the product is connected to a size chart (follow these steps to connect a product to a size chart)

1. Once you've added a product to a size chart (see above hint), you will be able to see the "Find your size" button on the selected product. Click here to learn how to customize the button!

The "Find your size" button only appears when the selected product is added to a size chart