Overview
This field type creates two drop-downs, width and height, that lists a number range. A user is able to select a given area between the ranges provided. Between the selection of an area is calculated depending on the user's selections. A charge can be added to this field and will be multiplied according to the area selected. Also, quantity breaks can be used to set area ranges that can increase or decrease the quantity multiplier.
Settings
To edit the settings link below the example inputs
- 'Width' label - Text
- 'Height' label - Text
- Width Value Ranges - Number
- Height Value Ranges - Number
- Charge for this option - Checkbox
Width and Height Value Ranges
Use these ranges to set the limits for a user to select. These numbers should be relative to your product. What are the possible range of values for height and width?
Charge for this Option
This field is off by default and until selected. Once Selected you will be able to access the 'Price Break' Settings for this filed and add an extra charge product,
Adding an Extra Charge
Depending on the selection you can change the cost for different values depending on the calculated area (Width x Height - Area)
To show these options in the settings menu be sure to check the Enable box to access the pricing options.
Add Base Product
A base product price will need to be created on your store. We recommend that this price be a penny product (Priced at $0.01) and have the price adjusted and multiplied according to the Quantity Multiplier. This reduces the redundancy of creating X amount of base products over several different products.
- Create Extra Charge Product
- Enable charge for this option
- Click Select Product
- Sync Shopify Products
- Select Product
Here is a link to a tutorial that describes how to make add on Products
After the base product has been created click the 'Select Product Button.' Once the window has loaded be sure to click 'Sync Shopify Products' to have the latest products available.
Search for the base product either through the navigation tabs or by searching for the name of the Extra Charge product.
Once you have located the Extra Charge Product click the select Button.
Add Price Break
To Add a new price break click the 'add price break' button and add the associated values to the inputs.
Change values depending on the Possible Area Values (EG. 1 to 10000) located below the Price Breaks table.
Area Min and Area Max
These boxes are used to calculate the ranges of values that will determine the quantity break. When adding a new Price Break, you will need to set the Area Min to one increment larger then the previous Price Break be sure to add a value of one to the Area Max to get the Area Min for the new price break. See example below.
| Area Min | Area Max | Quantity Break |
|---|---|---|
| 1 | 80 | 4 |
| 81 | 200 | 5 |
You can use the Possible Area Values located below the Price Breaks table to assist in setting up the values.
Quantity Multiplier
Quantity Multiplier is how much to multiply the quantity by for a given area, for example, an Area of 1 - 80 can be 4 quantity multiplier, 81 - 200 can be 5 quantity multiplier.
The Quantity multiplier must be an integer. Decimals are not supported by the app as a multiplier, for a fraction of a product cannot be added to the cart.
The price charged will be the variant above's price * main product quantity * quantity multiplier * area.
Be sure that the Area Values are sequential between Price Breaks, this could cause issues with calculating the correct price.
Front End
