2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed

configurator-field

Groups configurator fields; has no effect of its own. Every configurator field counts the value it already has when it mounts (typed before the configurator loaded, restored by the browser on Back, a default value / checked / selected), as the add to cart sends it.

v2.0 betaServer planAdd-on: Product configurator
Open .md
On this page
  1. At a glance
  2. Where it can go
  3. What it requires
  4. Attributes on the element

At a glance

configurator-input
Put inside
A Text field or a Text area.
On while
It holds a valid value.
Formula
data-formula, with length.
configurator-checkbox
Put inside
A Checkbox.
On while
It is checked.
Formula
data-formula.
configurator-radio
Put inside
Radio buttons.
On while
A radio is chosen. Clicking it again unchecks it.
Formula
After a | in each radio's Choice value.
configurator-select
Put inside
A Select field.
On while
A choice with a value is chosen.
Formula
After a | in each option's value.
configurator-dropdown
Put inside
A Webflow Dropdown and a Select field.
On while
A choice is made.
Formula
After a | in the options of the Select field.
configurator-popover
Put inside
A popover and a Select field.
On while
A choice is made.
Formula
After a | in the options of the Select field.
configurator-dimension
Put inside
Text fields with the Type Number.
On while
Every one holds a valid number.
Formula
data-formula, with each field's Name.
configurator-file-input
Put inside
An upload area.
On while
At least one file is uploaded.
Formula
data-formula, with file.
configurator-field
Put inside
Configurator fields, to group them.
On while
Never: it only groups.
Formula
A data-formula on it does nothing.

Formula builder

Pick a field and a rule in words, try it with a price, and copy the formula. It is checked with the same calculator Smootify runs on your site.

Formula builder

Product configurator

The field
The choices

A choice that keeps the price needs no formula.

The Names of the number fields

As set in each field's settings: one plain word each.

The rule
% (negative for less)

Try it

More in the guide.

Where it can go

What it requires

  • The server plan: on other plans Smootify removes the element from the page.
  • The Product configurator extension (server plan, the extension activated in the Smootify dashboard, the licensed domain). Without it, its markup is removed from the page.

Attributes on the element

  • It reads data-formula.

    ↑ ↓ to moveEnter to openEsc to close