Scrumwheel

Ajax add to cart on hover Plugin is used for adding variable products to cart using overlay on image when hovered over product image.
After installation and activation of the plugin it automatically shows up overlay on the variable product image with variations and you can add that product to cart by clicking on that product’s variation.
This scenario will only happen in product-category and shop pages.

Ajax add to cart on hover Plugin

Ajax add to cart on hover Plugin is used for adding variable products to cart using overlay on image when hovered over product image.

Abhishek Kumar

WooCommerce core does not provide AJAX add-to-cart on the single product page or for variable products listed on archive pages (it redirects to the single view). This plugin adds an unobtrusive AJAX workflow for:
<ul>
<li>Simple products (single product page button becomes AJAX)</li>
<li>Variable products on archive & block-based Product Collection (opens an accessible modal to choose attributes, then adds via AJAX)</li>
<li>Classic themes and modern block/FSE themes (2025 and later) with Product Collection blocks</li>
</ul>
Highlights: 
* Works with WooCommerce fragments (mini-cart updates automatically) 
* Accessible modal (focus trap, ESC to close, restore focus) 
* Nonce-secured AJAX endpoints; sanitized and validated input 
* Settings page to enable/disable variable product archive functionality 
* Block theme compatibility (intercepts “Select options” buttons) with slug/product_id fallback 
* Performance-minded (loads minified bundles built via Webpack; falls back to source if missing) 
* Translations auto-loaded from WordPress.org (no manual POT/PO generation required)
Privacy: This plugin does not send any data to external services. It only uses WooCommerce cart/session APIs.
<h3>Development</h3>
Build commands:
<ol>
<li>Install dependencies: 
npm install</li>
<li>Production build (minified + source maps): 
npm run build</li>
<li>Watch during development: 
npm run watch</li>
<li>Lint JS: 
npm run lint</li>
</ol>
Translations: WordPress.org language packs auto-load this plugin’s strings. The former POT/PO/MO tooling and i18n loader file were removed (WP 4.6+). Do not add a load_plugin_textdomain() call; simply keep the Text Domain header accurate.
WooCommerce is a registered trademark of Automattic Inc. This plugin is not affiliated with or endorsed by Automattic/WooCommerce.

Ajaxified Cart

AJAX add-to-cart for WooCommerce: simple & variable products on archives/blocks via accessible modal and instant cart refresh.

Ajax add to cart on hover Plugin vs Ajaxified Cart