configurator-select
Select whose chosen option carries the formula step.
At a glance
configurator-input
- Put inside
- A Text field or a Text area.
- On while
- It holds a valid value.
- Formula
data-formula, withlength.
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, withfile.
configurator-field
- Put inside
- Configurator fields, to group them.
- On while
- Never: it only groups.
- Formula
- A
data-formulaon 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.
More in the guide.
Where it can go
- Inside
smootify-add-to-cart. - Must contain
select. - Out of place, Smootify removes it from the page: also when the add-to-cart has no smootify-product ancestor.
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.
Fields in the form
Each field’s Name setting in Webflow tells Smootify what the field holds. It is a setting of the field, not a custom attribute.
| Name | Field | What it does |
|---|---|---|
the data-name, else the name, of the first named element | any field | The step name the formulas use. |
Attributes on the element
- It reads
data-formula. - Smootify writes
data-formulaon it: do not set them yourself.