Size guide: wizard and display

The module settings: wizard or table only, the rule between two sizes, default unit, remembered measurement, link position and text, accent colour and texts.

⏱ 6 minBeginnerUpdated 14 Oct 2026

The general settings apply to all charts. Most can be set for the whole store or per website, and the texts also per store view.

Stores › Configuration › Magelan › Size guide

You also reach the settings from the menu Content › Size guide › Settings or with the Settings button above the chart list.

1. General

  • Enable size guide: the main switch.
  • Wizard (find my size): Yes means three steps (group, measurement, result) with a "Select size" button. No means the link opens only the size chart, with no steps and no button.
  • Default unit: centimetres or inches. The customer can always switch.
  • Rule between sizes: Larger size (default) suggests the smallest size that is equal to or larger than the measurement. Nearest size suggests the closer one. An exact match always gives that size.
  • Show full table by default: the chart is already open below the result.
  • Remember last measurement: No by default. With Yes the customer's browser stores the measurement (in localStorage) and fills it in on the next product. The measurement never goes to the server.
[[img name="rezultat" alt="Two wizard results: at 100 cm an exact match with size M, at 104 cm Between M and L, we suggest L" cap="Left an exact match (100 cm = M), right a measurement between two sizes: with the "Larger size" rule the customer gets L."]]

2. Display

  • Link position: Next to the size selector (if the product has no size selector, the link is shown below the price), Below the Add to Cart button or As a tab in the product details (the tab shows the chart and a button for the wizard).
  • Link text: empty means "Check your size" with the wizard or "Size chart" without it, translated.
  • Show link icon: a tape measure icon before the text.
  • Accent colour: empty means the theme's colour. A darker shade for text and a light one for backgrounds are derived from it; the tape on the pictures is drawn in this colour too.
  • Size attributes: attribute codes of the size selector, comma separated (default size). The size is selected in the first one the product uses.
  • Brand attribute: the attribute used for brand assignments (default manufacturer).

3. Texts

Modal title, Out of range message, Size not available message and Select button text. Empty fields use the built-in, translated text; {size} is replaced by the recommended size. The texts of a single chart (question, how to measure, column names, note) are set in the chart itself.

4. What customers see on a phone

On Luma the window slides in from the side and covers the screen; on Hyvä it opens from the bottom. On a narrow screen the chart scrolls sideways and the first column stays in place.

The wizard on a phone: step 2 with the measurement and step 3 with the recommended size L
The wizard on a phone: entering the measurement and the result with the button that selects the size.

After changing the settings, flush the cache (System › Cache Management) so the change shows on product pages. Own pictures are described in Size guide: own images.

Was this article helpful?

Related