Variant picker block (Product)

Setting Description
Variant picker type

Choose how product variants (e.g., size, color, material, design…) are displayed on the product detail page.

  • Dropdown: A simple dropdown menu for selecting variants. Best when there are many options or limited space.
  • Button: Displays each variant as clickable buttons. Best for quick selection and when variants are few or visually important (like sizes or colors).
Button layout

This option is available when the variant picker type is set to Button.

  • Standard: Buttons use their natural width. If there are only a few variant values, empty space may remain on the right.
  • Equal width: All buttons expand to equal width, filling the available space so the row aligns evenly with the surrounding content.

Swatches

Setting Description
Swatch shape

Visual representations of variants, like colors or patterns.

  • None: No specific shape; uses the default display.
  • Circle: Rounded swatches
  • Square: Boxed swatches


Size popup


Setting Description
Size option name

Enter the name(s) of variant options that should trigger the size popup. You can add multiple names separated by commas (e.g., Size, Shoe Size, Length).

If your products use different option names for sizing (for example, Size on some products and Shoe Size on others), include each name here so they will be displayed in the size popup.

This is useful if your store sells different product types, such as clothing and shoes.

Size popup type

Choose the type of popup to display for size selection

  • None: the size popup link will not be shown on the page.
  • Size chart  popup
  • Size select popup

Size select popup


Setting Description
Size select popup Click the Select size link to open a popup with a size table showing sizes in three formats: EU, US, and UK. You can select a size directly by clicking a row in the table. After closing the popup, the selected size will automatically be applied on the product page, allowing you to add the item to the cart without any extra steps.
Size select popup title

This option appears when the size popup type is set to Size Select Popup.

Enter a title for the popup. Default: “Select Size.”


Size conversion

This section with options is displayed when size popup type is set to Size select popup

Setting Description
Enable size conversion

Show EU, US and UK sizes. Automatically detects size system (EU/US/UK) and converts accordingly.

Note: If this option is disabled, only the size format entered on the product page in the Dashboard will be displayed.

Custom size type You can create a custom table to display sizes correctly in the popup.
Custom size conversion rules JSON format for custom size conversions. Works for both shoes and clothing. Example: {"36": {"US": "5", "UK": "3.5"}, "S": {"US": "S", "UK": "8"}}

To ensure size values display correctly, you need to select sizes consistently for all products on the product page in the Variants section.

For example, if you choose a US size for one product, it should be US everywhere; if UK, then UK everywhere; the same applies to EU, so that the table displays correctly.

By default, the custom table is set with US as the primary size. So if you enter US sizes for all products, the table will display correctly.

If, for example, you enter EU, you need to adjust the JSON format for custom size conversions so that the primary size matches the one you selected on the product page.


Example for US:

{   "4": {"US": "4", "EU": "35", "UK": "2.5"},   "4.5": {"US": "4.5", "EU": "35.5", "UK": "3"} }

Example for EU:

{   "35": {"US": "4", "EU": "35", "UK": "2.5"},   "35.5": {"US": "4.5", "EU": "35.5", "UK": "3"} }

It’s best to edit the table with GPT.

If you need to change the primary size in the syntax, you can write: “make EU the primary size without changing the syntax”, or create your own sizes following the format shown in Custom size conversion rules.


The way you add sizes on the product page determines how they appear. If you choose a US size format, it will be displayed in the product information block on the product template. This means you will see US in the variant options on the page, while the size table will show sizes in all three formats: EU, US, and UK.


Size chart  popup


Example of size chart image in the popup

Setting Description
Size chart  popup Click the size chart popup link to open a popup. View sizes in a convenient image-format popup.
Size chart popup title Enter title for the size chart popup. Default: 'Size guide'.
Size chart image Upload an image of your size chart to match your design preferences.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us