Product Configurator
Conditional logic
With conditions you show or hide elements depending on previous answers. This way your customers only ever see the fields relevant to their selection – which keeps even complex configurations clear.
Example: The "Engraving text" field should only appear if the customer chose Yes for "Engraving wanted?".
Setting up conditions
- In the element tree, select the element that should be controlled (e.g. "Engraving text").
- In the settings panel, open the Conditions tab.
- Click Add condition and define:
- Field: the reference field whose value is checked (e.g. "Engraving wanted?").
- Operator: the type of comparison (see table).
- Value: the comparison value (e.g.
yes).
The element is only shown when the condition is met.
Available operators
| Operator | Meaning |
|---|---|
| equals | The value exactly matches the comparison value. |
| not equal | The value does not match the comparison value. |
| contains | The value contains the comparison value (substring). |
| does not contain | The value does not contain the comparison value. |
| is empty | Nothing has been entered/selected (yet). |
| is not empty | Something has been entered/selected. |
Multiple conditions
If you create several conditions, all of them must be met (AND logic) for the element to appear.
Good to know
- Visibility reacts live in the shop while the customer configures – without reloading the page.
- Hidden required fields are not enforced. A field hidden by a condition does not block adding to the cart.
- Conditions can be combined with all element types – including headings, notices and entire groups.
Tip: When needed, control a whole group with a condition. This way you show or hide several related fields with a single rule.