Description
The WooCommerce Live Preview addon updates the product showcase in real time as the customer selects variations, attributes, and options on the WooCommerce page, synchronizing image, price, and availability without reloading the screen. Geared towards stores with catalogs full of variants — fashion, shoes, configurable electronics — it shortens the path between choosing and buying by showing exactly the selected item before it goes to the cart.
Key Features
- Real-time update: the gallery, price, and stock status of the product renew instantly with each new buyer selection, without page reload.
- Support for WooCommerce variable products: reacts to native attributes (color, size, model) and reflects the corresponding variation in the main view.
- Media synchronization: swaps the featured image of the sheet according to the chosen combination, keeping the customer always looking at the right item.
- Dynamic price update: displays the exact value of the selected combination as the customer changes options, avoiding surprises in the cart.
- Direct integration into the product page: dispenses with modals or redirects, acting within the standard WooCommerce single product template.
Benefits of WooCommerce Live Preview
- Faster purchase decision: the customer visually confirms each choice the moment they make it, reducing hesitation.
- Less pre-sales queries: decreases calls about “what color is this?” or “does this price include size XG?” because the showcase already answers.
- Reduced returns due to selection errors: those who see the exact item before payment make fewer mistakes at checkout.
- Fluid mobile experience: without reloads, navigation on small screens becomes lighter and more continuous.
Who is it Recommended For?
- WooCommerce store owners with variable products on a large scale — fashion, shoes, accessories.
- E-commerce operations with configurable items (color, model, capacity, voltage) that need to show each combination.
- Teams focused on conversion and product page optimization, seeking less friction between selection and purchase.
Recommended for WooCommerce stores that rely on visual variations and want the customer to see exactly the product they will receive before finalizing the order.
Frequently asked questions
Is Barn2 WooCommerce Live Preview GPL-licensed?
Yes. Barn2 WooCommerce Live Preview is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.
Can I use Barn2 WooCommerce Live Preview on multiple sites?
Yes. You can install Barn2 WooCommerce Live Preview on as many sites as you want. Only automatic updates through Ultrapack Auto Updater have a limit: from 3 to 80 sites, depending on the plan.
How much does Barn2 WooCommerce Live Preview cost at Ultrapack?
Barn2 WooCommerce Live Preview costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).
Does Barn2 WooCommerce Live Preview include updates?
Yes. The current version of Barn2 WooCommerce Live Preview is 2.0.0, published at Ultrapack on Jul 14, 2025. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).
Is Barn2 WooCommerce Live Preview scanned before publication?
Yes. Every version of Barn2 WooCommerce Live Preview goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.
What changed in this version
Version 2.0.0
- Release date 7 July 2025
- New: Added preview of text and paragraph options
- New: Image options can now be defined independently for each printable area
- New: Completely redesigned Live Preview modal dialog
- New: Arrow keys now allows to move the selected object for fine and coarse adjustments
- Fix: Live preview not working if main product image doesn't include printable areas
- Fix: Issue with select box in the printable area editor not displaying correctly
- Tweak: Improved performance on mobile devices
- Tweak: Improved compatibility with WoodMart and other themes
- Tweak: Improved loading status when rendering new preview images
- Tweak: Improved HTML markup of preview files in cart and checkout
- Tweak: Added filter for product image selector
- Tweak: Added `width` attribute to preview images
- Tweak: Add event dispatching
- Dev: Aligned code to standards
- Dev: Added more documentation blocks
- Dev: Tested up to WordPress 6.8.1 and WooCommerce 9.9.5
Version 1.0.1
- Release date 9 December 2024
- Fix: Compatibility issue with third-party plugin customizing the Media library
- Fix: Unexpected behaviors in product gallery
- Fix: Fixed support for variable products with variations exceeding the default threshold
- Tweak: Improved styling of image selection borders and handles
Version 1.0
- Release date 26 November 2024
- New: Initial release.
Release notes published by the developer.
How to install
Automatic updates: this item is updated by the Ultrapack Auto Updater. With it installed, the new version shows up in your dashboard like any other WordPress update (how to set it up).
- Download the file
woocommerce-live-preview.zip. - In the WordPress dashboard, go to Plugins > Add New > Upload Plugin.
- Select the file
woocommerce-live-preview.zipand click Install Now. - Click Activate.
Stuck on a step? Open a ticket telling us which one you stopped at.

UAU Ready