Before you start, please make sure that you have a Shopify 2.0 theme and ensure that the SmartSize app has been already installed and embedded in your Shopify store.
Now, let's start with the process:
1. **Log in to your Shopify Store:** Start by logging into your Shopify admin panel. This is typically at the URL: yourstorename.myshopify.com/admin.
2. **Navigate to the theme section:** From the left sidebar in your admin panel, click on "Online Store", then choose "Themes".
3. **Edit your current theme:** Find the theme you want to edit. If it's your live theme, it will be under "Current Theme". Click on the "Customize" button next to the theme name.
4. **Go to your product page:** Once you're in the theme editor, on the top dropdown menu where it says "Home page", select "Product pages". This will load the template for the product page.
5. **Add a new block:** In the sidebar on the left, you should see a section named "Sections". Click on "Add block" in this section.
6. **Select the App Block:** From the list of available blocks, select the SmartSize app block. Note: The name of the block might vary slightly depending on how the app has been integrated into Shopify. Look for "SmartSize" or "App - SmartSize".
7. **Customize your app block:** Once you've added the block, click on it in the left sidebar to customize it as per your needs. The options here will vary based on the specific app.
8. **Position the app block:** You can adjust the position of the block by dragging and dropping it within the "Sections" area. Place it where you want it to appear on your product page.
9. **Save your changes:** After you've finished customizing and positioning your block, click on the "Save" button in the upper-right corner of the screen to apply the changes.
If you have any questions, please do not hesitate to contact us! team@smartisize.io