Title: Better Usability for WooCommerce Author: moiseh Published: اکتوبر 9, 2017 Last modified: جولائی 15, 2026 --- پلگ انز تلاش کریں ![](https://ps.w.org/woo-better-usability/assets/icon-256x256.png?rev=3565340) # Better Usability for WooCommerce منجانب [moiseh](https://profiles.wordpress.org/moiseh/) [ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/woo-better-usability.zip) * [تفصیلات](https://ur.wordpress.org/plugins/woo-better-usability/#description) * [جائزے](https://ur.wordpress.org/plugins/woo-better-usability/#reviews) * [انسٹالیشن](https://ur.wordpress.org/plugins/woo-better-usability/#installation) * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/woo-better-usability/#developers) [معاونت](https://wordpress.org/support/plugin/woo-better-usability/) ## تفصیل Better Usability for WooCommerce removes the small but persistent friction points that cause shoppers to abandon: waiting for full page reloads, hunting for quantity controls, and navigating an unnecessary cart step before checkout. It covers four areas — Shop, Product, Cart, and Checkout — with settings you can mix and match to fit your store. **Free features:** _Cart_ * Auto-refresh cart totals via AJAX when quantity changes — no "Update cart” click required * Show −/+ buttons around the quantity field on cart, product, and shop pages * Lock the numeric input so shoppers can only use the +/− buttons (prevents accidental typing) * Show a confirmation prompt before quantity is reduced to zero * Show item quantity as a dropdown select instead of a numeric input * Hide quantity inputs on the Cart page * Free-shipping progress bar on the Cart and Mini-Cart — a live "Add $X more to get FREE shipping!” message with a progress bar that reads your store’s own free- shipping threshold and refreshes as quantities change, nudging shoppers toward a bigger order; it’s fully accessible (a real `role="progressbar"` control) and announces its progress — and the "You’ve unlocked free shipping!” moment — to screen readers as the cart updates _Shop_ * Change product quantity directly on the shop/archive page before adding to cart * AJAX "Add to cart” on individual product pages (same as the shop-loop behaviour) * Skip the cart page and go straight to checkout after adding a product * Override the number of products per row * Hide the default sorting dropdown * Hide the Add to Cart button entirely (useful for catalogue-only stores) * Customise the "Add to cart” and "View cart” button labels _Product_ * Show item quantity as a dropdown select * Hide price ranges on variable or grouped products * Hide the quantity input on single product pages * Low-stock urgency badge ("Only 3 left in stock!”) near the Add to Cart button on both single product and shop/archive pages — it reads WooCommerce’s own per- product stock quantity and low-stock threshold, shows only for stock-managed products at or below that threshold, and is fully customisable (badge text with a `{stock}` placeholder, optional custom threshold), giving hesitant shoppers a scarcity nudge with zero configuration beyond a toggle _Checkout_ * Allow shoppers to delete items directly from the checkout page * Allow shoppers to change quantities from the checkout page * Display the unit price next to each product name _General_ * Convert simple-product "Add to Cart” buttons to AJAX site-wide * Hide the "Added to cart” notice after adding a product * Hide the "View cart” link after adding a product * Set a global maximum quantity per product * Decimal quantity support for +/− buttons * Accessible, WCAG-friendly quantity controls — the −/+ buttons carry proper "Decrease quantity” / "Increase quantity” labels, work with the keyboard (Enter/Space), and announce the new quantity (and the cart refresh) to screen readers **PRO features:** * **Sticky Add to Cart bar** — a floating bar slides in when the shopper scrolls past the Add to Cart button, keeping purchase intent alive without hunting for the button * **Quick View modal** — shoppers open a full product preview in a lightbox (image, price, description, Add to Cart) without leaving the Shop page * Synchronize cart quantities automatically when changed ([view demo](https://youtu.be/Xqv8rZ-hoOk)) * Auto-update price on Product and Shop pages as quantity changes ([view demo](https://youtu.be/ZKYJZAUXV_g)) * Change product variations directly on the Shop page — fewer clicks to buy ([view demo](https://youtu.be/NhJewWjX-I8)) * Sync the MiniCart widget live from Shop or Product pages ([view demo](https://youtu.be/r7XQtkPV7sg)) * AJAX delete on the checkout page — no full page reload ([view demo](https://youtu.be/KYkqoqfsi3U)) * Change quantities inside the Mini-Cart widget ([view demo](https://youtu.be/8GDpWQhcfyU)) Get the PRO version [here](https://gum.co/wbupro). ## اسکرین شاٹس [⌊AJAX Add to Cart with quantity selector on the Shop page⌉⌊AJAX Add to Cart with quantity selector on the Shop page⌉[ AJAX Add to Cart with quantity selector on the Shop page [⌊Cart settings — AJAX auto-update, +/− buttons, select dropdown, confirmation prompt⌉⌊ Cart settings — AJAX auto-update, +/− buttons, select dropdown, confirmation prompt⌉[ Cart settings — AJAX auto-update, +/− buttons, select dropdown, confirmation prompt [⌊Product page settings — quantity select, price range visibility, quantity input visibility⌉⌊Product page settings — quantity select, price range visibility, quantity input visibility⌉[ Product page settings — quantity select, price range visibility, quantity input visibility [⌊Shop settings — products per row, quantity controls, Go to Checkout shortcut⌉⌊ Shop settings — products per row, quantity controls, Go to Checkout shortcut⌉[ Shop settings — products per row, quantity controls, Go to Checkout shortcut [[ [[ [[ ## انسٹالیشن 1. Upload `woo-better-usability.zip` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. It’s done. Now you can go to the Settings to customize what you want ## عمومی سوالات ### Does it work with my theme? The plugin hooks into standard WooCommerce actions and filters, so it works with the vast majority of themes out of the box. It has been specifically tested and patched for popular themes including Astra, Divi, Flatsome, Porto, Saasland, Enfold, and Greenmart. If you run into a visual glitch, try toggling the "Display quantity buttons everywhere” option, or open a support thread with your theme name. ### Does it work with Elementor (and other page builders)? Yes. Compatibility patches for Elementor (including its WooCommerce widgets and minicart) are built in and have been maintained across many releases. Divi and similar builders are also supported. ### Does it work with the new WooCommerce Cart and Checkout Blocks? Partly. The **global maximum quantity per product** and the **sold-individually / lock quantity input** limits are now enforced inside the Block Cart and Block Checkout too — the block quantity steppers read these limits from the WooCommerce Store API, so they are respected regardless of whether you use the classic or Block Cart/Checkout. The **confirm before removing an item** prompt (also fired when the minus stepper would drop quantity to zero) works inside the Block Cart as well. The remaining Cart/Checkout tweaks (AJAX quantity change, delete from checkout, and similar) still target the **classic** (shortcode-based) Cart and Checkout templates and do not apply inside the Blocks. The shop and product page features work regardless. ### Is it compatible with WooCommerce High-Performance Order Storage (HPOS)? Yes. HPOS compatibility has been declared since version 1.0.55. ### What is the difference between the free and PRO versions? The free version covers the core UX improvements: AJAX cart updates, +/− quantity buttons, Go-to-Checkout shortcut, and shop/product/checkout tweaks. The PRO version adds real-time cart synchronisation (quantities and prices update live), inline variation selection on the shop page, and minicart quantity controls — features that directly increase conversion on higher-traffic stores. See the [PRO page](https://gum.co/wbupro) for a full comparison. ### The AJAX cart update is not working. What should I check? 1. Go to **WooCommerce Better Usability Cart** and try switching the "Technical method to update cart prices” to **Custom AJAX**. 2. Open your browser’s developer console (F12) and check for JavaScript errors — a conflicting plugin or theme script is the most common cause. 3. Make sure no caching plugin is serving a stale version of the page. Purge all caches after changing settings. ## جائزے ![](https://secure.gravatar.com/avatar/87ec3a4f3b2a2d419eb072f22186b4d36c117d60be5f894c2f55862ce831be85? s=60&d=retro&r=g) ### 󠀁[Useful for adding non-standard Woocommerce features.](https://wordpress.org/support/topic/useful-for-adding-non-standard-woocommerce-features/)󠁿 [tinkerjet](https://profiles.wordpress.org/tinkerjet/) نومبر 25, 2022 1 reply Some of the functions in this plugin seem like real head slappers, not because they’re not good (they are), but because they feel like they should already be included with Woocommerce but aren’t. Needless to say, this plugin offers additional mileage for your Woocommerce installations and has served me well for years. Thank you. ![](https://secure.gravatar.com/avatar/799068d64ecf911e38e7e8f0e5b0dc12948f0c8d0b1a0ecbcbf9c0beca528944? s=60&d=retro&r=g) ### 󠀁[Awesome Plugin for adding Variants on the Shop Page to the Cart](https://wordpress.org/support/topic/awesome-plugin-for-adding-variants-on-the-shop-page-to-the-cart/)󠁿 [ad111](https://profiles.wordpress.org/ad111/) مئی 5, 2021 1 reply It solves mulitple of our headaches that we had! Our customers is a local pizza store. He wanted the customers to be able to choose the size and add the pizza to the cart on the shop page without having to go the product page every single time. Also while scrolling through the menu the page should not refresh and go back to the top every time a pizza is added to the cart. And now we had a support issue which we were helped with by the developer very professionally and fast. Everything works great now! ![](https://secure.gravatar.com/avatar/2a587aaa19b6bc8b662c530c776ab3c713e95ce99a0305a662342bda0afed042? s=60&d=retro&r=g) ### 󠀁[Highly recommended!](https://wordpress.org/support/topic/highly-recommended-389/)󠁿 [takaacstamaas](https://profiles.wordpress.org/takaacstamaas/) اپریل 5, 2020 1 reply This is the best solution on the market and the developer also solved the implementation to my custom (non-default structured) theme files meanwhile the weekend. ![](https://secure.gravatar.com/avatar/2a3c0628d30cc019aecec73bd8d0940a93e058b5ba002f49d1e0ac80dd68450f? s=60&d=retro&r=g) ### 󠀁[Perfect & Gold Plogin](https://wordpress.org/support/topic/perfect-gold-plogin/)󠁿 [farzadbalow](https://profiles.wordpress.org/farzadbalow/) اپریل 2, 2020 1 reply Very Eaesy & perfesional Plogin For Add To Cart With Ajax Mode İn Shop Page. Thanks ![](https://secure.gravatar.com/avatar/eedbe2be0fa1fb3871af4c4a8c8270d60468a3a7517f54022118814a3e73a84b? s=60&d=retro&r=g) ### 󠀁[so gooooooooooooood](https://wordpress.org/support/topic/so-gooooooooooooood/)󠁿 [thb6ny](https://profiles.wordpress.org/thb6ny/) اکتوبر 6, 2019 1 reply very useful pugin and free ![](https://secure.gravatar.com/avatar/c5a5c374a7b759036099a4c19dd1d336f6cf0c87af13d932f1d2b7b1c09edb30? s=60&d=retro&r=g) ### 󠀁[Essential for better UX in Woocommerce](https://wordpress.org/support/topic/essential-for-better-ux-in-woocommerce/)󠁿 [momo-fr](https://profiles.wordpress.org/momo-fr/) جون 27, 2019 1 reply Here is a plugin that moves your shop Woocommerce in the right direction. Practical functions at several levels of the shop. Essential for me! I recommend. [ تمام 21 جائزے پڑھیں ](https://wordpress.org/support/plugin/woo-better-usability/reviews/) ## شراکت دار اور ڈیویلپرز “Better Usability for WooCommerce” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ لیا: شراکت دار * [ moiseh ](https://profiles.wordpress.org/moiseh/) “Better Usability for WooCommerce” کا 1 زبان میں ترجمہ کیا گیا ہے۔ تعاون کے لیے [مترجمین](https://translate.wordpress.org/projects/wp-plugins/woo-better-usability/contributors) کا شکریہ۔ [“Better Usability for WooCommerce” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/woo-better-usability) ### ڈویلپمینٹ میں دلچسپی ہے؟ [کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/woo-better-usability/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/woo-better-usability/) کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/woo-better-usability/) کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/woo-better-usability/?limit=100&mode=stop_on_copy&format=rss)۔ ## چینج لاگ #### 1.0.63 * Added an optional low-stock urgency badge ("Only {stock} left in stock!”) near the Add to Cart button on both the single product page (`woocommerce_single_product_summary`) and the shop/archive loop (`woocommerce_after_shop_loop_item`). It renders only for stock-managed products whose remaining quantity is at or below the threshold— the configured value when set, otherwise WooCommerce’s own `woocommerce_notify_low_stock_amount`( overridable via the `wbu_low_stock_threshold` filter) — swaps `{stock}` for the remaining quantity, and is output as a `role="status"` region so screen readers announce it. Enable it and customise the text/threshold under the Product tab * Added a free-shipping progress bar to the classic Cart and the Mini-Cart — a live "Add $X more to get FREE shipping!” message with a progress bar that reads your store’s own free-shipping threshold (the min_amount of the Free shipping method on the matching shipping zone, coupon-only rules excluded, overridable via the `wbu_free_shipping_threshold` filter), swaps `{remaining}` for the amount still needed, and shows an "unlocked” message at 100%; it refreshes automatically as quantities change on the cart and rides WooCommerce’s fragment refresh in the Mini-Cart. Enable it and customise both messages under the Cart tab * The −/+ quantity buttons are now accessible everywhere they appear (shop, product, cart, checkout, mini-cart and the PRO Quick View modal): each button exposes a real "Decrease quantity” / "Increase quantity” label to screen readers instead of a bare "-” / "+” glyph, and can be operated with the keyboard using Enter or Space * The new quantity is now announced to screen readers after each −/+ click (e.g." Quantity: 3”), and "Cart total updated” is announced once the AJAX cart/checkout refresh finishes, through a single visually-hidden aria-live region * Made the free-shipping progress bar accessible: the track is now a real `role ="progressbar"` control (with aria-valuemin/valuemax/valuenow and a plaintext aria-label), and its state is announced to screen readers through the shared aria-live region whenever it changes on a cart refresh (classic Cart or Mini- Cart) — so shoppers hear "Add $X more to get FREE shipping!” and the "You’ve unlocked free shipping!” unlock is spoken exactly once * When "lock the quantity input” is enabled, the input is now marked as read-only for assistive tech (aria-readonly) while staying focusable, so the current quantity can still be read out #### 1.0.62 * The Block Cart and Block Checkout quantity steppers now increment/decrement by each product’s own configured step (e.g. 0.5 kg for weight-based products or multiples of 6 for "sold in packs” products), matching the classic Cart and preventing invalid quantities that trigger Store API validation errors at checkout * The "show a confirmation prompt before an item’s quantity is reduced to zero” safety feature now also works inside the WooCommerce Block Cart — a stray click on the remove link (or the minus stepper at quantity 1) asks "are you sure?” before the item is removed, matching the classic Cart behaviour * The "Go to checkout directly instead of cart” shortcut now also works on block- based shops (Product Collection / All Products) — adding a product from a shop, product or product-grid block sends the shopper straight to checkout, matching the classic behaviour that only fired on the old add-to-cart request #### 1.0.61 * The global maximum-quantity-per-product limit and the sold-individually / "lock quantity input” rule are now enforced inside the WooCommerce Block Cart and Block Checkout (their quantity steppers read the limits from the Store API); the remaining classic-only tweaks still target the shortcode-based Cart/Checkout pages #### 1.0.60 * Fixed the "Better Usability for WooCommerce may not be compatible with the Checkout block” admin notice — the plugin now declares compatibility with the Cart/Checkout Blocks (its features no-op inside the Blocks rather than breaking them) #### 1.0.59 * PRO: Added Sticky Add to Cart bar — floats in when the shopper scrolls past the Add to Cart button on product pages; position, background colour, and text colour are all configurable * PRO: Added Quick View modal — opens a product preview lightbox from the Shop page without a page navigation #### 1.0.58 * Fixed quantity selector always sending 1 when using the [add_to_cart] shortcode— add-to-cart button is a sibling of the qty form, not a child, so data-quantity was never updated * Fixed compat scripts reporting missing dependencies by moving enqueue hook to a later priority so third-party scripts are registered first * Fixed checkout slowdown caused by Ajax Search compat script binding an expensive DOMSubtreeModified listener — replaced with MutationObserver and excluded the script from checkout pages #### 1.0.57 * Declared the GPLv2 license in the plugin header * Fixed the Author URI * Hardened the AJAX cart and checkout handlers with nonce verification and input sanitization * Escaped all dynamic output and corrected the text domain on every translatable string #### 1.0.56 * Tested with WordPress 7.0 and WooCommerce 10.8 * Declared Cart & Checkout Blocks compatibility status (features target the classic Cart/Checkout) * Added `Requires PHP` and `Requires Plugins` headers * Fixed a fatal error on the frontend when checking for the WooCommerce Min/Max Quantities plugin * Added missing `exit` after dismissing an admin notice redirect #### 1.0.55 * Added `High-Performance order storage` compatibility #### 1.0.54 * Tested with WooCommerce 7.0.1 and WordPress 6.1 #### 1.0.53 * Changed the shop quantity area and Add to cart button to be more template-standard #### 1.0.52 * Fixed buttons and shop quantity issues for Flatsome theme #### 1.0.51 * Adding better quantity buttons compatibility with ShopEngine + Elementor * Tested with WordPress 5.9 and WooCommerce 6.2.0 #### 1.0.50 * Reducing the templating overrides to make the AJAX add to cart features * Increasing compatibility with WooCommerce and plugins * Changed default plus and minus buttons looking * Tested with WC 5.8.1 #### 1.0.49 * Added a span with named class product_name to product title at checkout page * Fixed block and unblock effect functions to avoid edge cases errors * Tested with WC 5.5.1 and WP 5.8 #### 1.0.48 * Fixed WooCommerce 5.2 checkout quantity and remove button incompatibilities * Adding `wbu_ajax_add_to_cart_legacy` filter to use AJAX Add to cart buttons in more compatible way #### 1.0.47 * Added single_add_to_cart_button class for Add cart buttons in Shop * Added BlockUI loading effect on Checkout table when changing quantity * Allow to reduce quantity with minus button when preloaded exceeding the max limit * Improved quantity buttons support * Updated Tested up to tag #### 1.0.46 * When product is sold individually, disable quantity buttons in single product page * Fixed some WooCommerce frontend event listeners #### 1.0.45 * Using document instead document.body listeners that was causing issues with some themes * Fix incorrect translation domain for specific config * Compatibility with Saasland theme buttons * Define more global quantity event listener for different cart theme layouts * Fixed missing hook call to display -/+ buttons in single product page when using selects * Added option: Display quantity buttons everywhere, simplified buttons display config #### 1.0.44 * Cleaning unused source code * Changed plus and minus buttons display to be more standard (using woo *_quantity_input_field hooks) * Removing `Fix layout break when Enter key is pressed` config to use `wbu_fix_cart_enter_key` filter instead #### 1.0.43 * Fixing bug in lib that was displaying unwanted admin notices * Updated WooCommerce tested tag #### 1.0.42 * Fixed text domain to allow plugin string translation * Reduced and removed unnecessary frontend variables to reduce page size load * Removing minified asset wbulite.min.js for better coding standards and debug #### 1.0.41 * Fixed flatsome duplicating add to cart section issue in shop page * Updated WooCommerce and WordPress tested tag #### 1.0.40 * Removing deprecated PHP short_open_tag blocks * Supporting for decimal quantity increment and decrement buttons #### 1.0.39 * Optimized Hide View cart link after add product config to not blink after add * Added per product limit compatibility with BeRocket Min and Max Quantity for WooCommerce plugin #### 1.0.38 * Reversed changelog ordering to make it more standard * Changed plugin notices to respect the guidelines * Standardization of custom plugin templates overriding in theme * Added filter wbu_bypass_shop_quantity_override to avoid templae override quantity html area in Shop * Fixed View cart link after add product option to work with Greenmart theme #### 1.0.37 * Added custom theme template overriding similar to WooCommerce * Removed listener for minus and plus buttons because it causing trouble with many themes #### 1.0.36 * Fixed Divi theme child compatibility in increase/decrease buttons * Fixed Porto theme issues with duplicated quantity buttons * Prevent page reload in specific cases after change quantity in shop * Added listener for minus and plus buttons used in most themes * Compatibility with BeRocket Ajax Products Filter plugin * Avoid double quantity increment when using Astra theme * Refresh minicart totals when change quantity in checkout #### 1.0.35 * Fixed divi theme child quantity on shop display * Added wp 5.4 tested up to tag * The option to transform Add to Cart into AJAX in Product is now generic for all pages #### 1.0.34 * Added compatibility support with WooCommerce 4.0.1 #### 1.0.33 * Respect max stock quantities when using select input for quantities * Fixed bug that not displaying select input in Cart in some conditions #### 1.0.32 * Fixed checkout max input quantity validation #### 1.0.31 * Added compatibility support with WooCommerce 3.8.1 * Fixed Undefined Index error in Shop page #### 1.0.30 * Added support for modified remove link zero quantity check * Added support for Woo Gutenberg Products Block plugin #### 1.0.29 * Updated `WC tested up to` tag #### 1.0.28 * Removing -/+ buttons when product is sold individually #### 1.0.27 * Fixed blockUI to hide when finish Custom AJAX callback * Added AJAX timeout for quantity change refresh * Updated `WC tested up to` tag #### 1.0.26 * Changed the cart overlay behavior in Custom AJAX mode to use the default of WooCommerce #### 1.0.25 * Fix and optimize some mess in JS code and removing loops * Fix issue in Related products not showing quantity input for first product #### 1.0.24 * Enqueue assets in all pages for better compatibility with custom pages * Reduced `is shop loop` detection checks to better compatibility with Elementor and relateds * Added overlay when AJAX refreshing cart using `Run Custom AJAX` method * Removed option `Don't apply this option to front page` (use `wbu_enable_quantity_input` filter instead) * Removed option `Always enqueue assets for better compatibility` * Removed option `Optimize to make Cart work better when embebed in other pages` ## میٹا * Version **1.0.63** * Last updated **5 دن پہلے** * Active installations **800+** * WordPress version ** 5.6 یا اس سے جدید ** * Tested up to **7.0.2** * PHP version ** 7.2 یا اس سے جدید ** * Languages * [English (US)](https://wordpress.org/plugins/woo-better-usability/) اور [Portuguese (Brazil)](https://br.wordpress.org/plugins/woo-better-usability/). * [اپنی زبان میں ترجمہ کریں](https://translate.wordpress.org/projects/wp-plugins/woo-better-usability) * Tags * [ajax](https://ur.wordpress.org/plugins/tags/ajax/)[checkout](https://ur.wordpress.org/plugins/tags/checkout/) [usability](https://ur.wordpress.org/plugins/tags/usability/)[ux](https://ur.wordpress.org/plugins/tags/ux/) [woocommerce](https://ur.wordpress.org/plugins/tags/woocommerce/) * [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/woo-better-usability/advanced/) ## درجہ بندیاں 4.9 out of 5 stars. * [ 20 5-star reviews ](https://wordpress.org/support/plugin/woo-better-usability/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/woo-better-usability/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/woo-better-usability/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/woo-better-usability/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/woo-better-usability/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/woo-better-usability/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/woo-better-usability/reviews/) ## شراکت دار * [ moiseh ](https://profiles.wordpress.org/moiseh/) ## معاونت کچھ کہنا ہے؟ مدد چاہیے؟ [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/woo-better-usability/)