Today we’re excited to announce that WooCommerce Product Add-Ons 3.0.0 has been released!
Release Highlights
↑ Revenir en hautWe’ve been listening to your feedback and we’re excited to share with you some new features for WooCommerce Product Add-Ons! We’ve added the ability for you to adjust your pricing strategies with either a flat fee or a percentage ( this is in addition to the quantity pricing that already existed ). We’ve also added the ability for you to add image swatches to your product add-ons allowing customers to have a more visual representation of what they are picking. The last major feature is adding a line-item breakdown of the add-ons that have been selected for the lifecycle of the customers purchase.
Pricing options
↑ Revenir en hautAs of 3.0.0 you will now be able to select from three different pricing strategies: flat fee, quantity based, and percentage based.
- Quantity-based will multiply the add-on cost by the product price and product quantity ( this how Product Add-Ons worked prior to 3.0.0 )
- [New] Percentage-based will calculate a percentage of the product price multiplied by the quantity – you can use this for gratuity, upgrades prices as a percent of the total price, or donations
- [New] Flat fee will be a flat amount regardless of the product price or quantity – you can use this for upgrades that are applied once, regardless of the quantity ordered, like a printing set-up fee
Image Swatches
↑ Revenir en hautWe’ve added a feature to allow image swatches for selection as an add-on in the frontend. For example, instead of picking from a list of colors, you can now upload image swatches that customers will be able to choose to add to their cart.
Line items display
↑ Revenir en hautWe’ve added a line item view on the cart and checkout pages, to let your customers more easily understand how add-ons are contributing to the price they’re being charged.
Here are a couple examples of what that will look like:
Technical Updates
↑ Revenir en hautHooks
- Changed woocommerce_add_cart_item hook to woocommerce_cart_contents_changed due to WooCommerce 3.5
- Added woocommerce_before_cart_item_quantity_zero – Remove add-ons that are tied to parent product in the cart.
- Added woocommerce_after_cart_item_quantity_update – Update the add-on quantity and line item price when parent product quantity is updated.
- Added woocommerce_before_calculate_totals – Set the add-on price to the line item total.
- Added woocommerce_remove_cart_item – Remove the add-on when parent product is removed.
- Added woocommerce_restore_cart_item – Restore the add-on of the parent product when undo is clicked.
Order item meta
- Parent product – _wc_pao_attached_addons – the list of add-ons added with the product.
- Add-on item – _wc_pao_addon_name – add-on name.
- Add-on item – _wc_pao_addon_value – add-on value.
- Add-on item – _wc_pao_addon_field_type – add-on field type.
- Add-on item – _reduced_stock – to prevent parent product from decreasing stock from an add-on.
Deprecations
The following addon types will no longer have option rows:
- Short Text – Formerly Custom input (text)
- Long Text – Formerly Custom input (textarea)
- File Upload
- Price – Formerly Additional price input
- Quantity – Formerly Additional price multiplier
Migration
Migration on these changes will be seamless for you to upgrade as we’ve written a migration script to handle all of that work for you. We will not migrate settings for existing orders so that all of your records from before 3.0.0 will remain intact.
Everything else . . .
↑ Revenir en haut- We’ve redesigned the way that you build your add-ons both globally and per-product to help make store administration easier and more intuitive
- We’ve added additional compatibility for these features with WooCommerce Bookings
- We’ve added compatibility for WooCommerce 3.5
On top of the new features, there are a variety of minor tweaks, and fixes which we won’t go into detail here but you can check out for yourself in the changelog.
We will be continuing to work on more updates. Check out the ideas board to keep up to date or suggest new improvements.
About
This is awesome! Glad to see this getting developed further. I’ve used this plugin for many clients and this is just going to make it even more important.
Just updated… But now all backend product Add-On menu options are all jumbled up… Everything is all over the place. Help! Please provide an email so I can send a screenshot.
Hi Jacob,
The menu is probably just cached. Try doing a hard refresh on your browser.
cool stuff. but on all my pages since the update the backend interface looks very chaotic. I guess you have some issues with CSS and styling? e.g. the form boxes are weirdly organized. there is no space really between them and I think it has something to do with the loop and its html structure. but you can tell better 🙂 thanks for make it even better.
Hi Joel,
Try doing a hard refresh on your browser.
Thanks for the plugin idea.
Same here all boxes are weirdly organized and over lapping each other in admin product page.
Add-on images are not working when selecting checkboxes. It only works with multiple choice option.
Also I am getting 1xUndefined for the actual product price How can I change the undefined to product name. If you provide and email to send screen shots.
Hard Refresh fixed my display issue. Thanks for that. Still need clarification on the other 2 points.
Images to work with checkboxes
1 x undefined ———— « Product Price »
Also if I setup multiple choices field as a not required field and the customer click a choice how can they un-select it? currently there are no option.
Hi Moutaz,
> Images to work with checkboxes
Image swatches only work with Multiple Choice at this time.
> 1 x undefined ———— “Product Price”
I would suggest contacting support about this so we can get more details from you.
> Also if I setup multiple choices field as a not required field and the customer click a choice how can they un-select it? currently there are no option.
When it is not required, there is an extra « None » option ( radio buttons ) for the first choice.
Thank you so much.
One more request, Is it possible to add URL validation for short text as an option under restriction. Currently you have:
Any Text
Only Text
Only Numbers
Only Letters and numbers
Only Email address
I would appreciate if you add Only URL so customer can past any link or URL from a website and it will validate it as URL or not.
Thanks in advance.
Hi, I think the ‘Flat Fee’ is the option that I have been looking and hoping for, but I have a question about it before I purchase:
If I have a global add-on that uses a flat fee (for a print logo setup) of say £10, and my customer selects the add-on on 10 completely different products, will they be charged £10, or £100 during checkout for the add-on?
To add some context to my question, on each of my separate products I will have a file upload add-on, so a customer can upload their logo to be printed on their product. I require them to upload their logo to each product, but I only want them to be charged once (as a flat fee).
Thanks in advance, Chris
Hi,
Unfortunately it will not work in your favor. Flat fee here means regardless of the quantity of the product added (same product) it will not multiply that by the add-on price. Previous version was always multiplied by quantity.
There are many plugins out there that may do what you’re looking for though. You can try https://wordpress.org/plugins/woocommerce-product-fees/ or this https://wordpress.org/plugins/woo-conditional-product-fees-for-checkout/
I hope that helps.
Hey there –
If you’d like to charge a setup fee just once when a customer goes through checkout (so not based on the specific product they order), then WooCommerce Checkout Add-Ons might be a better fit for you: https://woocommerce.com/products/woocommerce-checkout-add-ons/
Thanks Aviva for your quick reply. Yeah I already have checkout add-ons running, and it does ok, I just thought for my customer journey it would be simpler for them to upload their logo on the product pages rather than the checkout page, as its easier to miss it on the checkout page.
I have looked into multiple solutions and plugins for exactly what I am looking for and not sure its possible!
Thanks anyway, i’m a big fan of Woo
Where are the Docs for implementing the swatches etc.?
I assumed you would simply add an image to each attribute, nothing there??
The CSS is all over the place even after clearing cache & refresh.
Also, you need to sort this plugin so it works with Stripe Apple Pay – An issue which has been ongoing for at least 2 years now.
Hi Michael,
Here you go docs.woocommerce.com/document/product-add-ons
Thank you Roy.
It doesn’t make much sense.
We use product attributes to create our product variations (ie: Colour).
We want to replace the colour attributes with swatches.
Can we not add an colour image to replace those attributes instead of them appearing in a drop-down?
Ah, so is for Product Add-ons only. What you’re referring to is the variations and not related to Product Add-ons. What you probably need is this https://woocommerce.com/products/variation-swatches-and-photos/
I might be misunderstanding this but based on this article it sounds like Product Add-ons replaces the WooCommerce Variation Swatches and Photos plug-in. Am I wrong?
how go I get this updated? Im currently running 2.9.6
You can go to your dashboard to download it from here https://woocommerce.com/my-account/downloads/
got thanks.
how can I change the image size smaller than 280 x 280?
Also the pricing and options calculator are gone?
Check your thumbnail size setting here http://cld.wthms.co/Hr3ctr
it’s gone from the product page itself. The only way to see the total of all your options selected is to put it in the cart.
The calculations are now displayed like so http://cld.wthms.co/MdvhPn
Thank you on the thumbnail
Im still not getting the calculations, Im not even getting the price to show for the item selected
Is there any way to test? Can I turn off the subscription and see
working now, one more thing how do I define the main item selected in drop down with the options
http://2011builders.com/shop1/frames/1911-80-full-size-frame-416r-with-rail-and-checkered-grip/
On the product page when you select and use variation the item picture goes blurry
Sorry but this is not related to Product Add-ons. Product Add-ons does not manipulate any parts of the variation images.
ok what about the white selection box being blank
http://2011builders.com/shop1/parts/1911-match-grade-gi-416-stainless-barrel/#
my bad wrong link
http://2011builders.com/shop1/frames/1911-80-full-size-frame-416r-with-rail-and-checkered-grip/
I cannot update my options, which suddenly became all required field and no matter how many times I uncheck the required field, and save, it goes right back to required field. I’m not happy at all with this update as the only benefit to me so far is really none but take time to fix what shouldn’t be broken.
Just deleted the stubborn field, recreated it from scratch, to be NON-REQUIRED, it saves as a required field. I give up. I’m going to delete the plugin and not use it anymore.
I totally hate to have to deal with a problem I shouldn’t have.
In fact I received an order (since this update) and none of my required fields at the add-on came along with the order. This is a repeat event as I keep receiving orders without the required additional options included, such as photos and extra information I need from the buyer with their orders. Sometimes I get the *required* add-on info I need with my orders and sometimes I don’t. This reoccurring problem is defeating the use of the plugin.
Hello,
With many items I have (technical) variations of items and/or selection of production brands.
With all selections I add an image (when available) and nothing is changing on the website when selecting an option, so the added picture to the specific selection is only visible in the chart.
Why isn’t the main picture changing to the specific picture of a selection that a viewer selects? THAT would be a major improvement ans now they select, they see some small extra images I’ve added to the main product and that’s it. Would be much more clear to a viewer when they select an option and the main picture shows the uploaded picture to that selection.
Now I’m searching for an app but haven’t found a good one and next to that another app just slows my website even more down and it’s already going so slow.
What also would be an improvement to the pictures:
-When clicking on the main picture you cannot go to the next picture that is shown under it. You need to X and then open the smaller ones. Not good or practical as well.
It’s not possible to show all pictures in a fixed square when the uploaded pictures aren’t the same size. Looks very messy now. I need to put all pictures into a white square to get them all the same size as otherwise pictures can also get cut at sides or it’s not looking like the original to get it automatically squeezed in the frame bij Woocommerce.
-The option to put a watermark automatically on all pictures of the items (with a checkbox on/off for the watermark) so I don’t need to process all pictures to add a watermark. Would safe a lot of work and all pictures would be adjusted when a new watermark would be implemented or maybe something would be added for some holidays like Halloween or Xmas. 😉
If there are options to solve these things easily I would love to hear that!
Thank you for any response and help.
Kind regards,
René van Gestel.
VIParts.NL
This is great news.
I just wish there was a support for people who don’t pay woocommerce since I don’t earn money and there is a problem with my small shop
thanks
Great update! Still missing the possibility to connect specific add ons to a variaton. I have 5 products of different sizes and my add ons are also different in size/price in accordance. This means i need to make my main product as 5 independent products in order to differentiate between my add ons.
Is there a chance that this will be enabled in later versions? Brgds Kristoffer
This update is exactly what we have been waiting for since it does a great job of explaining to customers the options that we offer for a standard product.
The only problem so far is that order emails sent are a little confusing.
We have product images set « true » and 48px
Now each Add-on item list as a separate line item (very handy) but a product image file is also there. The resulting email looks like an order for multiple products not one product with Addons.
Can we get some thing that will leave product image in the email but remove the image for Addons. Better still where the add-on selector is an image, can this list that add-on image selection?
Any Idea how this happened? I’ve lost the dropdown choice and once it’s selected, you can’t un sellet
http://2011builders.com/wp-content/uploads/2018/10/immage-issue.jpg
I lost USD$25 today over a charge-back due to this update as all of my variable products no longer work as virtual products and are now treated as shippable products only. Hence, it imposed and charged my customer international shipping fees on a product that was configured, and previously working, as a variable virtual product. I noticed variable product option is no longer available to be a virtual product and now I can only sell variable virtual products using the plugin. All my variable virtual products became automatically shippable products, which caused me a big headache today and time to adjust all my numerous products! It seems, now, if I don’t have the plugin, I can no longer create variable virtual products as it imposes to be shippable only. While I appreciate the additional features in this plugin, I can see that a trade-in has been imposed by the removal of previously available options perhaps to force sellers of variable virtual products to purchase the plugin as the only option. I feel that you guys should issue me a coupon or some sort of credit for my troubles since these update, which I recognize are good updates but perhaps too intense to spare other functions from being affected.
I have this add on and am having issues with using it. It seems to take the parent weight and package dimensions and ads them to each » add-on » line item throwing off my calculated shipping costs.
I have this also and for some products the miscalculation is catastrophic.
How do you disable the new line items display and go back to the pre 3.0 style?
The calculator is not working. I have 1 item for 240.00 with 2 options
1 is free
2 is +10.00
total on the order is 720 should be 250.00
its not using the add on option price and taking 240 x 3
screenshot below
it was working just fine yesterday
http://2011builders.com/wp-content/uploads/2018/11/pricing-error.jpg
I see you’ve updated your plug in and it seems to have fixed the calculator and inventory on hand issues. Your fix has created another issue when using pictures. You have none as an option and with out a photo it looks bad. Can you remove that? Please see my sample image
What is driving the thumbnail image ? Mine is set at 280 x 280 and its not?
http://2011builders.com/wp-content/uploads/2018/11/none.jpg