Fixes option and choice-field text rendering larger than the fields around it on themes that style legend and label elements directly.<\/p>","2.4.0":"
Storefront text now scales with your theme instead of sitting at fixed pixel sizes, so option cards look right on themes with a large base font. The builder gets a proper full-screen layout, a header that stays on one row, and a Donate button explaining that this plugin stays free.<\/p>","2.3.0":"
Per-option pricing: every choice in a dropdown, radio, button group or swatch can now charge its own amount, shown beside the option and in the cart.<\/p>","2.2.0":"
The cart now shows each option's price on the line item ("Gift wrap: Yes (+$5.00)") and lists surcharges explicitly \u2014 on both classic and Block carts.<\/p>","2.1.0":"
Multi-file uploads (up to 10 per field, individually removable), WEBP upload support, per-file order download links, and two small storefront fixes.<\/p>","2.0.1":"
Storefront polish fixes: the selected button option, group-label alignment, the description toggle position, and the single-checkbox style.<\/p>","2.0.0":"
Major release: everything is now free \u2014 global option groups, 18 field types, formula pricing, live price breakdown. 1.x data migrates automatically.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3577721,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3577721,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3577721,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3577721,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","2.0.0","2.0.1","2.1.0","2.2.0","2.3.0","2.4.0","2.4.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3630447,"resolution":"1","location":"assets","locale":"","width":1440,"height":404},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3630447,"resolution":"2","location":"assets","locale":"","width":1440,"height":968},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3630447,"resolution":"3","location":"assets","locale":"","width":1440,"height":747},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3630447,"resolution":"4","location":"assets","locale":"","width":1440,"height":1000},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3630447,"resolution":"5","location":"assets","locale":"","width":1440,"height":424}},"screenshots":{"1":"The Product Options hub \u2014 every option group with its status and assignment, one click from editing.","2":"The full-screen builder: 18-type palette, live product preview with a preview-as-customer simulation bar, and the formula pricing editor.","3":"Six starter templates \u2014 gift options, engraving, t-shirt designer, made-to-order, delivery date and donation.","4":"The storefront: option cards light up as customers choose \u2014 price pills, colour swatches and a quantity stepper.","5":"The live price breakdown \u2014 base price, each chosen option and the total, right above Add to cart."}},"plugin_section":[],"plugin_tags":[21138,130308,17536,155785,286],"plugin_category":[45],"plugin_contributors":[265655],"plugin_business_model":[],"class_list":["post-321625","plugin","type-plugin","status-publish","hentry","plugin_tags-add-ons","plugin_tags-conditional-logic","plugin_tags-extra-fields","plugin_tags-product-options","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-74h1r","plugin_committers-74h1r"],"banners":{"banner":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/banner-772x250.png?rev=3577721","banner_2x":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/banner-1544x500.png?rev=3577721","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/icon-128x128.png?rev=3577721","icon_2x":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/icon-256x256.png?rev=3577721","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/screenshot-1.png?rev=3630447","caption":"The Product Options hub \u2014 every option group with its status and assignment, one click from editing."},{"src":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/screenshot-2.png?rev=3630447","caption":"The full-screen builder: 18-type palette, live product preview with a preview-as-customer simulation bar, and the formula pricing editor."},{"src":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/screenshot-3.png?rev=3630447","caption":"Six starter templates \u2014 gift options, engraving, t-shirt designer, made-to-order, delivery date and donation."},{"src":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/screenshot-4.png?rev=3630447","caption":"The storefront: option cards light up as customers choose \u2014 price pills, colour swatches and a quantity stepper."},{"src":"https:\/\/ps.w.org\/corelabs-product-options\/assets\/screenshot-5.png?rev=3630447","caption":"The live price breakdown \u2014 base price, each chosen option and the total, right above Add to cart."}],"raw_content":"\n
Alovio Product Options<\/strong> 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 \u2014 and let shoppers watch a live price breakdown update as they choose.<\/p>\n\n Everything is free. No Pro version, no locked features, no upsell screens.<\/p>\n\n Create an option group<\/strong> in the visual builder and apply it to all products<\/strong>, whole categories<\/strong>, 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.<\/p>\n\n Text, text area, number, checkbox, multiple choice (radio), dropdown, button group<\/strong>, colour swatch<\/strong>, image swatch<\/strong>, quantity stepper<\/strong>, date, time, email, phone, URL, file upload<\/strong> (secure, rate-limited, MIME-verified \u2014 up to 10 files per field, each removable), surcharge, and section heading.<\/p>\n\n Show, hide or require any field based on other fields, with multi-condition AND\/OR rules<\/strong> and five operators (is, is not, contains, greater than, less than<\/em>). 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.<\/p>\n\n Selling sizes, materials or finishes? Give every choice its own price<\/strong> \u2014 21x30 +399, 30x40 +499, 50x70 +799<\/em> \u2014 in dropdowns, radio buttons, button groups, colour and image swatches. Prices appear beside each choice automatically, so shoppers compare before they pick.<\/p>\n\n Instead of a mystery total, shoppers see an itemized box: base price, each chosen option with its cost, and the final total \u2014 updating live, following the selected variation, formatted in your store currency.<\/p>\n\n The full-screen builder shows your fields as the customer sees them<\/strong>, with drag-and-drop ordering, undo, \u2318S save, a preview-as-customer simulation bar and a live options total. Start from one of six templates<\/strong> \u2014 gift options, engraving, t-shirt designer, made-to-order dimensions, delivery date, donation \u2014 or import\/export groups as JSON between sites.<\/p>\n\n This plugin is not obfuscated. The compiled assets in To rebuild from source: Upgrading from 1.x? Your per-product fields are migrated to option groups automatically \u2014 nothing to do.<\/p>\n\n\n Yes. As of 2.0 every feature \u2014 multi-condition logic, all field types, all pricing modes, file uploads, templates, import\/export \u2014 ships in this plugin. There is no Pro version.<\/p><\/dd>\n Yes. WooCommerce must be installed and active.<\/p><\/dd>\n Yes \u2014 that's the core of 2.0. Assign a group to all products, one or more categories (child categories included), or specific products. Multiple groups can apply to one product.<\/p><\/dd>\n Yes. In the builder's Options<\/strong> tab every choice has its own Price<\/strong> box \u2014 leave it empty to fall back to the field price. Works for dropdowns, radio buttons, button groups, and colour and image swatches, and the amount shows beside the choice on the product page.<\/p><\/dd>\n Yes. The formula pricing mode evaluates decimal-safe expressions over your number and quantity fields, e.g. Yes. The breakdown box tracks the selected variation's price, and percentage-mode options recalculate from it. The server prices from the variation too.<\/p><\/dd>\n Files upload immediately on selection to a randomized, listing-protected folder after extension and real MIME checks, with a size cap and per-IP rate limiting. The cart shows the file names; the order stores an admin download link per file. Abandoned uploads are cleaned up automatically.<\/p><\/dd>\n Yes \u2014 set Max files<\/strong> on the file field (up to 10). Customers see each uploaded file as a removable item, so they can delete or replace any file individually before adding to cart. Allowed formats out of the box: JPG, PNG, WEBP and PDF (filterable via Yes, fully.<\/p><\/dd>\n Yes \u2014 export any group (or all of them) as JSON and import on another site. Imports arrive as drafts and are schema-checked with clear warnings.<\/p><\/dd>\n\n<\/dl>\n\n\nBuild once, apply everywhere<\/h4>\n\n
18 field types<\/h4>\n\n
Conditional logic \u2014 all of it free<\/h4>\n\n
A price per option<\/h4>\n\n
Five pricing modes<\/h4>\n\n
\n
{width} * {height} * 0.85<\/code>, with min()<\/code>, max()<\/code>, round()<\/code>.<\/li>\n<\/ul>\n\nLive price breakdown<\/h4>\n\n
A builder you'll actually enjoy<\/h4>\n\n
Built right<\/h4>\n\n
\n
Development<\/h3>\n\n
build\/<\/code> are generated from the human-readable source shipped in this package:<\/p>\n\n\n
src\/<\/code> \u2014 the admin hub\/builder (React, via @wordpress\/scripts<\/code>), the product-page runtime and the shared formula engine, compiled to build\/hub.js<\/code> and build\/frontend.js<\/code>.<\/li>\nassets\/css\/<\/code> \u2014 stylesheet sources compiled into the bundles.<\/li>\ncomposer.json<\/code> \u2014 the PSR-4 autoload map for the includes\/<\/code> PHP classes.<\/li>\n<\/ul>\n\nnpm install && npm run build<\/code> (webpack via @wordpress\/scripts<\/code>; see webpack.config.js<\/code>), and composer install<\/code> for the PHP autoloader.<\/p>\n\n\n\n
\n
Is it really all free?<\/h3><\/dt>\n
Does this require WooCommerce?<\/h3><\/dt>\n
Can I apply the same options to many products?<\/h3><\/dt>\n
Can each choice in a dropdown have a different price?<\/h3><\/dt>\n
Can I charge based on a calculation?<\/h3><\/dt>\n
round({width} * {height} * 0.02, 2)<\/code>.<\/p><\/dd>\nDoes the price follow product variations?<\/h3><\/dt>\n
How do file uploads work?<\/h3><\/dt>\n
Can customers upload more than one file?<\/h3><\/dt>\n
clpo_upload_extensions<\/code>).<\/p><\/dd>\nIs the plugin compatible with HPOS?<\/h3><\/dt>\n
Can I move option groups between sites?<\/h3><\/dt>\n
2.4.1<\/h4>\n\n
\n
<legend><\/code> and <label><\/code> 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.<\/li>\n<\/ul>\n\n2.4.0<\/h4>\n\n
\n
2.3.0<\/h4>\n\n
\n
clpo_option_price_suffix<\/code> filters the text appended to an option label (return an empty string to hide it).<\/li>\n<\/ul>\n\n2.2.0<\/h4>\n\n
\n
clpo_cart_option_prices<\/code> and clpo_cart_option_styles<\/code> filters.<\/li>\n<\/ul>\n\n2.1.0<\/h4>\n\n
\n
clpo_upload_extensions<\/code>).<\/li>\n2.0.1<\/h4>\n\n
\n
2.0.0<\/h4>\n\n
\n
{width} * {height} * 0.85<\/code> with min\/max\/round).<\/li>\n1.0.0<\/h4>\n\n
\n