less than a minute read • Updated 20 minutes ago
Product options & modifiers overview
How product options and modifiers work, including custom options and how to adjust price, weight, code, or category based on the option selected.
Product options let customers configure a product before adding it to the cart — for example, choosing a size, colour, or material. Options are passed to Foxy as named inputs on your product form or link.
Modifiers let you adjust a product’s price, weight, code, or category based on the option a customer selects. For example, selecting “Large” could add $2.00 to the price, or selecting “Digital” could switch the product to a different product category.
How options work
Each option is a named input on your product form. The input name becomes the option name in the cart and on the order receipt. For example, an input named size with a value of Large will appear as “size: Large” on the order.
Options can be passed as:
selectdropdownsradiobuttonscheckboxinputstextinputshiddeninputs (for fixed, non-configurable options)
See Add custom options to a product for implementation details.
How modifiers work
Modifiers are added to option values using curly braces {}. They tell Foxy to adjust a product attribute when that option is selected.
For example, a size option that adds $2.00 for Large:
Small
Medium
Large{p+2}
See Modify price, weight, or code with option modifiers for the full modifier syntax.
Notes
Option names and values are case sensitive.
Each product supports a maximum of 100 custom options.
Options are visible to customers in the cart and on receipts — keep names clear and human-readable.