How to position the size button using App Block

How to position the size button using App Block

Step 1

Open your Shopify Theme and click on Customize




Step 2

Go the search bar and search for a product in your store that already has a size chart linked to it




Step 3

Once you have selected a product. Click on 'Add block', click on 'Apps' and select 'SmartSize'
Remember, the product must have a size chart linked to it. Click here to see how to create a size chart.
Can't find the app block? Some themes are not compatible with this Shopify feature. If this is the case, position the button via CSS class.




Step 4

Click on the SmartSize icon to activate the drag and drop function. Move the block vertically to the desired position




Step 5

Verify the desired position and click on 'Save' to register the changes




    • Related Articles

    • How to position the size button using CSS

      Shopify helps merchant configure the layout of the theme with Blocks, if your theme does not support Add Block, try this method for changing the position of your size button. These instructions are for everyone. No previous coding knowledge is ...

    • Change the vertical position of your size chart button

      Floating button By default, the size button will appear floating on your store. You can change the position to 'inline' with the text in the Settings page of SmartSize. See image below. Inline button You can change the position of the button to ...

    • Change the horizontal position of your size chart button

      Step 1 Head over to your Theme editor. Click on App Embeds (right menu) Click on the drop down icon next to SmartSize Step 2 Choose the desired position: left, center or right. Don't forget to save!

    • How to position the size button by editing your Theme code (advanced)

      Read before you start This option is the most complex one, before you continue make sure that: You have already tried to change the position via Add Block or via CSS class You have coding skills or access to a developer that administers your Theme. ...

    • How to choose an icon and label for your size button

      Go to Settings and locate section 'Button icon and label'. Label Enter the label of the button that will be displayed in your product page. The label can be in any language and it will be recognized by translation services of the browser. Icon Select ...