Measurement

If you want to capture specific measurements of a product, you can easily do that with the measurements step type.

The measurements step type allows you to display multiple measurement inputs, and the PRO version even lets you configure a price based on given measurements.

In this post:

How to configure

When creating a new attribute, select the “numeric field” or “measurement” template. And make sure you have type “Input” selected.

Next, you can choose to show or hide the field info. When you select display field info labels, the field will display the configured min- and max values for the numeric input field.

You can also choose to set a style. Like rounded or squared. Or you can inherit from theme. You could even override the border radius there to a custom value. Custom styles should go in the Custom CSS field.

Finally, you can select a price type. Either no calculation, formula or price matrix table. At the moment we only support TablePress data tables.

You can read more about price calculations here

Input field types

Whether you want to display a number input or a range input, that is what you can define in the Input attribute item settings.

Example

We have created a demo product that showcases the numeric field attribute in action. Click the button below to see a live demo.

Product add-on: Number input