Alovio Product Options – Extra Product Fields & Add-Ons for WooCommerce

Alovio Product Options turns WooCommerce products into configurable products. Add extra fields and paid add-ons, show or hide them with conditional logic, price them per unit, per character, as a percentage or with a formula — and let shoppers watch a live price breakdown update as they choose. Everything is free. No Pro version, no locked features, no upsell screens. Build once, apply everywhere Create an option group in the visual builder and apply it to all products, whole categories, or hand-picked products. Priorities control the order when several groups meet on one product. A slim panel on the product-edit screen shows exactly which groups apply, with one-click deep links. 18 field types Text, text area, number, checkbox, multiple choice (radio), dropdown, button group, colour swatch, image swatch, quantity stepper, date, time, email, phone, URL, file upload (secure, rate-limited, MIME-verified — up to 10 files per field, each removable), surcharge, and section heading. Conditional logic — all of it free Show, hide or require any field based on other fields, with multi-condition AND/OR rules and five operators (is, is not, contains, greater than, less than). The builder previews rules live: set a value in the simulation bar and watch fields appear and disappear exactly as they will on the product page. A price per option Selling sizes, materials or finishes? Give every choice its own price — 21x30 +399, 30x40 +499, 50x70 +799 — in dropdowns, radio buttons, button groups, colour and image swatches. Prices appear beside each choice automatically, so shoppers compare before they pick. Five pricing modes

• Fixed — a flat add-on price.
• Per unit — price × the number entered (number and quantity fields).
• Per character — price × text length (engraving!).
• Percentage — a share of the product price, variation-aware.
• Formula — decimal-safe expressions over your fields: {width} * {height} * 0.85, with min(), max(), round().

Live price breakdown Instead of a mystery total, shoppers see an itemized box: base price, each chosen option with its cost, and the final total — updating live, following the selected variation, formatted in your store currency. A builder you'll actually enjoy The full-screen builder shows your fields as the customer sees them, with drag-and-drop ordering, undo, ⌘S save, a preview-as-customer simulation bar and a live options total. Start from one of six templates — gift options, engraving, t-shirt designer, made-to-order dimensions, delivery date, donation — or import/export groups as JSON between sites. Built right

• HPOS compatible (High-Performance Order Storage).
• Accessible — fieldset/legend structure, ARIA attributes, focus styles, inline validation messages.
• Translatable & RTL-ready.
• Option values flow into cart, checkout, order emails and the admin order screen — each priced option shows its cost right on the cart line ("Gift wrap: Yes (+$5.00)") — and uploads become admin download links.
• Server-side prices are always authoritative — the browser preview can never change what gets charged.

1. Make sure WooCommerce is installed and active.
2. Go to Plugins → Add New, search for "Alovio Product Options", install and activate.
3. Open WooCommerce → Product Options and create your first group — or start from a template.
4. Assign the group to all products, categories or specific products, hit Save & publish, and check the product page.

Upgrading from 1.x? Your per-product fields are migrated to option groups automatically — nothing to do.

2.4.1

• Fix: on some themes the labels of dropdown, radio, button, colour and image fields — and the text inside the options themselves — rendered noticeably larger than the fields beside them. Those elements are <legend> and <label> tags, which WooCommerce themes style directly, and the plugin's own rule was weaker in CSS specificity, so the theme won. All option text now follows one scale whatever the theme does. Thanks to the user who reported it with a screenshot.

2.4.0

• NEW: A "Donate" button in the builder header. It opens a short note explaining that the plugin is free and stays free — no paid tier, no locked field types — and offers a coffee or a review for anyone who wants to support it. It replaces the cross-promo link that used to sit in the header.
• Improve: every font size on the product page now scales with your theme. Help text, swatch captions, file names and error messages were fixed pixel sizes, so on a theme with a large base font (Twenty Twenty-Five uses 22px) a 12px description sat under a 22px label. Sizes are relative now, and text inputs, selects and file pickers match the surrounding text instead of the browser's ~13px default.
• Improve: the builder's own typography runs on one scale instead of twelve near-identical sizes (10, 10.5, 11, 11.5, 12, 12.5px…), so labels, hints and headings read as a hierarchy.
• Fix: the builder now sits flush against the admin menu and fills the screen. Its full-bleed rules were keyed to a CSS class the page never had, so the layout kept wp-admin's padding, showed the footer under a full-height app, and let admin notices push the whole builder down.
• Fix: the builder header no longer wraps its labels into two lines ("Save & / publish") on laptop screens. It stays one row and hides its least important items as space runs out.
• Fix: the text and number inputs in the builder's PREVIEW AS bar were styled for a light background and overflowed the dark chip holding them.

2.3.0

• NEW: Per-option pricing — each choice in a dropdown, radio, button group, colour or image swatch can charge its own amount (21x30 +399, 30x40 +499, 50x70 +799). Set it in the builder's Options tab.
• NEW: Option prices show beside each choice on the product page automatically ("50x70 (+$799.00)"), and the field's pill summarises the span ("+$399.00 – $799.00").
• Improve: option prices run through the field's pricing mode, so "10% Express / 20% Overnight" works exactly like flat amounts.
• Improve: a field that mixes priced and unpriced options now shows each option's real cost — an unpriced choice displays the field price it falls back to, and the summary pill spans both.
• Improve: the builder's field palette now uses one drawn icon set instead of a mix of emoji and typographic stand-ins, so it looks the same on every operating system.
• Developers: clpo_option_price_suffix filters the text appended to an option label (return an empty string to hide it).

2.2.0

• NEW: The cart and checkout now show each option's price on the line item as a price chip — "Gift wrap: Yes +$5.00" — with per-unit, per-character, percentage and formula modes all resolving to their real amounts.
• NEW: Surcharge fields get their own cart row (e.g. "Board fee: +$48.00"), so the whole line price is explained — no more silent fees.
• Improve: the Block cart squeezed every option into one long slash-separated line; options now render one per line with bold labels — in the cart, checkout and mini-cart, styled like the product page's price pills.
• Both work on the classic and the Block (Store API) cart; disable via the clpo_cart_option_prices and clpo_cart_option_styles filters.

2.1.0

• NEW: Multi-file upload — file fields get a Max files setting (1–10); customers can upload several files to one field, shown as a list with a remove button per file.
• NEW: WEBP joins the default allowed upload formats (JPG, PNG, WEBP, PDF — still filterable via clpo_upload_extensions).
• Improve: single-file fields get the same removable file item, so a chosen file can be deleted or replaced before add to cart.
• Improve: every uploaded file gets its own download link in the order details and admin order screen.
• Fix: an inline "required" message could stick after the file finished uploading; validation now re-runs as soon as the field changes.
• Fix: the file picker could overflow its option card on themes without a global border-box reset.

2.0.1

• Fix: the selected option in a button group could render as white text on a white fill on some themes — selected buttons now show clearly.
• Fix: a field's group label (e.g. a swatch or button title) could sit outside its option card on themes that give fieldset legends a negative margin (such as Storefront); labels now align with the field.
• Fix: the description "?" toggle rendered on its own line instead of beside the field label.
• Improve: a single checkbox option is now a styled control that matches the swatch/button design, instead of a raw browser checkbox.

2.0.0

• Everything is free: the Pro gate is gone — multi-condition logic, colour swatches, date fields, per-unit and percentage pricing now ship in the plugin.
• NEW: Global option groups — build once, apply to all products, categories or specific products, with priorities.
• NEW: Full-screen builder hub (WooCommerce → Product Options) with a live product preview, preview-as-customer simulation, undo and ⌘S save.
• NEW field types: image swatch, button group, quantity stepper, file upload, email, phone, URL, time.
• NEW pricing modes: per-character and decimal-safe formula ({width} * {height} * 0.85 with min/max/round).
• NEW: Live price breakdown box on the product page — itemized, currency-formatted, variation-aware.
• NEW: Six starter templates and JSON import/export for option groups.
• Storefront polish: prices on labels, help tooltips, character counters, inline validation, focus styles, RTL.
• 1.x per-product fields migrate to option groups automatically; carts survive the upgrade.

1.0.0

• Initial release.