How can I add a SmartSize block in my Shopify Theme?

How can I add a SmartSize block in my Shopify Theme?





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

    • Related Articles

    • Change the position of the size button via App Block?

      .... MANUAL INSTRUCTIONS Step 1: Log in to your Shopify account Access your Shopify admin dashboard by visiting "yourstorename.myshopify.com/admin" and enter your login credentials. Step 2: Navigate to the Themes section From the Shopify admin ...
    • SmartSize appears embedded in Shopify

      SmartSize should always open in a new Tab. SmartSize is not an embedded app (image #1). If SmartSize appears embedded in your Shopify Admin panel, try to re-open it by navigating to the right menu and selecting Apps (image #2) Image #1 Image #2
    • How can I use the same font style as in my Shopify theme?

      Feature for SmartSize v1 users Would you like to use the same font style both for your size charts and for your theme? Open your SmartSize app Go to Settings Go to Font Style Select Theme Style This will automatically take the font style of your ...
    • SmartSize script is not running in my theme

      In rare cases, the app script may not be running in your theme. To resolve this issue, please follow these steps: First click on "Edit code" in the dropdown to open the code editor for your theme: There are 2 things to add to your theme: First, on ...
    • Have you changed your theme recently?

      If you have changed your theme recently, you will need to re-enable SmartSize again! This may be done via adding a block or adding a line of code (code snippet) in your theme. See instructions here on how to enable the app.