Change the position of your size chart link

Change the position of your size chart link

SmartSize allows you to change the position of the size chart link in the store:

To change the position vertically:
  1. Go to customize your theme.
  2. Click on the product module.
  3. Make sure that SmartSize block is visible ** 
  4. Drag and drop the SmartSize block to the desired location.
To change the position horizontally:
  1. Go to customize your theme.
  2. Click on the product module
  3. Click on the SmartSize block. Select the horizontal position. **
  4. Drag and drop the SmartSize block to the desired location.

** If you are not able to see the SmartSize block, click on 'Add block' to add the SmartSize block.If your theme does not allow a latest block configuration from Shopify, please drop us an email to team@smartsize.io and will try to find a solution for you.

IMPORTANT: Keep reading if you want to change the horizontal position by modifying the code of your Shopify Theme.

We have added this to the CSS file of the app(only on the server, not the repo).

.sizefox-container-flex{ display: flex; align-items: center; } .sizefox-container-left{ justify-content: left; } .sizefox-container-center{ justify-content: center; } .sizefox-container-right{ justify-content: right; }

now this html

<div class="sizefox-container-flex sizefox-container-right" id="sizefox-container"

will work and the button will respond accordingly.

    • Related Articles

    • Change the color of a hyperlink (link)

      Who likes the conventional blue in links? Not me... Here a simple tip for changing the color of the link that you have inserted in your size chart. No coding skills are required! First, click on the <> icon as shown below. A new window will open This ...
    • Link size chart to a product

      Select the size chart that you wish to link to a product. Click on 'Link to Products' Select the product or products and/or Collection or Collections you wish to link the size chart to. Important: One product can only have one size chart. If by any ...
    • Change the label and icon of your size chart link

      SmartSize allows you to choose among different icons and labels. To do this, Go to SmartSize Navigate to the Settings module Select the label you wish to have. You can write any language you wish. To increase the visibility, we encourage you to use ...
    • Duplicate a size chart

      You can duplicate a size chart in order to advance faster. To do so: Go to the Dashboard Click on the three-dotted menu of the size chart that you wish to duplicate Click on duplicate Give the new size chart a name. Note: the newly duplicated size ...
    • Insert a link in your size chart

      Inserting a link can be useful in case you want to provide additional guidance, for example: returning conditions, map of physical stores, etc. In the Editor, click on the link icon Provide all required details in the Insert / Edit Link window ...