Title: Modal Fly Cart & AJAX Add to Cart for WooCommerce Author: aThemeArt Published: 8 Tháng 12, 2017 Last modified: 21 Tháng 9, 2026 --- Tìm kiếm plugin ![](https://ps.w.org/woocomm-popup-cart-ajax/assets/banner-772x250.jpg?rev=1783157) ![](https://ps.w.org/woocomm-popup-cart-ajax/assets/icon-128x128.jpg?rev=1783157) # Modal Fly Cart & AJAX Add to Cart for WooCommerce Bởi [aThemeArt](https://profiles.wordpress.org/athemeart/) [Tải về](https://downloads.wordpress.org/plugin/woocomm-popup-cart-ajax.zip) * [Chi tiết](https://vi.wordpress.org/plugins/woocomm-popup-cart-ajax/#description) * [Đánh giá](https://vi.wordpress.org/plugins/woocomm-popup-cart-ajax/#reviews) * [Cài đặt](https://vi.wordpress.org/plugins/woocomm-popup-cart-ajax/#installation) * [Nhà phát triển](https://vi.wordpress.org/plugins/woocomm-popup-cart-ajax/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/) ## Mô tả **Modal Fly Cart & AJAX Add to Cart for WooCommerce** is a powerful, lightweight mini cart plugin that enhances your store’s user experience with customizable modal styles and dynamic effects. Allow customers to add, update, or remove products instantly without page reloads, reducing cart abandonment and boosting conversions. With instantaneous updates, clear “View Cart” and “Checkout” buttons, and flexible navigation options, buyers can seamlessly manage their items and proceed straight to payment. Fully customizable to match your brand style, WooCommerce Popup Cart + Ajax bridges the gap between product selection and instant checkout. #### Free features * Fly cart positions: right, left, top, bottom, or center (modal) * AJAX add to cart, quantity change, and remove item * Compatible with **variable products** (select attributes, then add) * Floating cart button with icon and position options * Auto-open after AJAX or classic add to cart * Optional CSS selector to open the cart from your theme header * Basic panel colors (background, primary text, accent) * Show or hide total, Cart / Checkout buttons, continue shopping * Hide floating button when cart is empty or on cart/checkout pages * Reload cart on page load (helpful with full-page cache) * Secure nonces, sanitization, and WooCommerce cart APIs * High-Performance Order Storage (HPOS) compatible * Translation-ready (text domain: `atawc_lang`) #### Pro features (Upgrade to Pro) Marked with a **Pro** badge in the settings screens: * Advanced panel design (item background, text, price colors) * Quantity control colors (+ / − and input styling) * Cart & Checkout button colors, hover, and border radius * Floating button background, icon, and badge colors * Panel background image * Free shipping progress bar * Custom empty-cart message * Extra product-options display compatibility Pro product page: [WooCommerce Modal Fly Cart PRO](https://athemeart.com/downloads/woocommerce-popup-cart-ajax/) #### Requirements * WordPress 5.8 or higher * PHP 7.4 or higher * WooCommerce 5.0 or higher (active) If the Pro plugin is active, the free plugin does not load its frontend so the two do not conflict. ## Ảnh màn hình [[ [⌊Fly cart panel on the storefront⌉⌊Fly cart panel on the storefront⌉[ Fly cart panel on the storefront [⌊Floating cart button⌉⌊Floating cart button⌉[ Floating cart button ## Cài đặt 1. Upload the `woocomm-popup-cart-ajax` folder to `/wp-content/plugins/`, or install the ZIP via **Plugins Add New Upload Plugin**. 2. Activate **Modal Fly Cart & AJAX Add to Cart for WooCommerce**. 3. Ensure **WooCommerce** is installed and activated. 4. Go to **WooCommerce Modal / Ajax Cart** to configure settings. 5. Optional: on the Plugins screen, use **Settings** or **Upgrade to Pro** next to the plugin name. ## Hỏi đáp ### Does this plugin work with variable products? Yes. On the single product page, select the variation attributes, then click Add to cart. The free edition sends the variation via AJAX and updates the mini-cart. Variation attributes appear under the product title in the cart when available. ### Where are the settings? Go to **WooCommerce Modal / Ajax Cart**, or click **Settings** on the Plugins list for this plugin. ### Why don’t my settings save? Use **Save Settings** at the bottom of the settings form. Options are stored in the WordPress options table (`ata_wcspc_free_options`). If you still see old behavior, clear any full-page or object cache and try again with “Reload cart on page load” enabled under Advanced. ### How do I open the cart from my theme header? Under **General Manual trigger selector**, enter a CSS class or ID used by your header cart link, for example `.mini-cart-btn` or `#header-cart`. Clicking that element will open the fly cart. ### Can I change colors? Yes. Under **Design** you can set panel background, primary text, and accent colors. More detailed styling (line items, quantity controls, button hover states, floating button colors, background image) is available in **Pro**. ### What is limited in the free version? Core cart behavior is fully available. Sections labeled with a **Pro** badge (advanced design, quantity styles, free shipping bar, custom empty message, extra button colors) require [Upgrade to Pro](https://athemeart.com/downloads/woocommerce-popup-cart-ajax/). ### Does it work with caching plugins? Yes. If the item count looks outdated after add-to-cart, enable **Reload cart on page load** under Advanced so the cart is refreshed via AJAX when the page loads. ### Is it compatible with HPOS / custom order tables? Yes. The plugin declares compatibility with WooCommerce High-Performance Order Storage. ### Can I use free and Pro at the same time? Install only one. If Pro is active, the free plugin skips loading its cart so you do not get two mini-carts. ### How do I translate the plugin? The text domain is `atawc_lang`. Language files live in the `/languages` folder. You can use Loco Translate, WPML, or standard .po/.mo workflows. ### Where do I get support or Pro? * Free plugin: use the WordPress.org support forum for this plugin when published, or contact aThemeArt. * Pro features and priority support: [https://athemeart.com/downloads/woocommerce-popup-cart-ajax/](https://athemeart.com/downloads/woocommerce-popup-cart-ajax/) ## Đánh giá ![](https://secure.gravatar.com/avatar/65146f2aee2be1ba7e6014c47e6e9bf0cf0bf9ecb7c70bec1a29595e833d42d4? s=60&d=retro&r=g) ### 󠀁[Completely messed up](https://wordpress.org/support/topic/completely-messed-up-3/)󠁿 [Lee](https://profiles.wordpress.org/leecollings/) 31 Tháng 5, 2022 1 trả lời The authors of this plugin have no idea how to work with versioning, and have caused me unable to update the plugin now. They also haven't properly followed coding standards and have broken upgrade notices which cannot be dismissed. My version is newer than the most recent version, yet changelog and documentation doesn't match up at all. Support responses are very limited and they haven't seemed to really done anything to address my issue. ![](https://secure.gravatar.com/avatar/6f4355569e243e725adc2a81de32d71c9a331ba5b4818950039a7a914fe6830a? s=60&d=retro&r=g) ### 󠀁[Great Plugin!](https://wordpress.org/support/topic/great-plugin-30973/)󠁿 [kaschwei](https://profiles.wordpress.org/kaschwei/) 23 Tháng 5, 2021 I like this plugin and it works fine. Some complains about the not "pro Version"! But you have to be honest the price for this plugin is not too high and you get always support of your problems in some days. ![](https://secure.gravatar.com/avatar/7ad48f9574a88e427b985bacdcddb6fb39f4e90e0c9f46c79f12ea870f2cbee2? s=60&d=retro&r=g) ### 󠀁[Bad](https://wordpress.org/support/topic/bad-273/)󠁿 [vsevolodlomov](https://profiles.wordpress.org/vsevolodlomov/) 23 Tháng 3, 2021 1 trả lời Bad ![](https://secure.gravatar.com/avatar/42564e89ec084fc4fa43cb4e224582cef146de1bd16ffd621ee4402d887bde82? s=60&d=retro&r=g) ### 󠀁[Cannot dismiss notification](https://wordpress.org/support/topic/cannot-dismiss-notification-3/)󠁿 [dfmcvn](https://profiles.wordpress.org/dfmcvn/) 12 Tháng 3, 2021 Cannot dismiss To support this WooCommerce Popup Cart + Ajax and get all features, upgrade to WooCommerce Popup Cart + Ajax Pro notification on /wp-admin/ ![](https://secure.gravatar.com/avatar/ec20bf8e2e60a36967b15423914d55d35272f589e077ceb7644e80ede8f290f7? s=60&d=retro&r=g) ### 󠀁[Good stuff](https://wordpress.org/support/topic/pop-doesnt-refresh/)󠁿 [gauth08](https://profiles.wordpress.org/gauth08/) 4 Tháng 2, 2021 1 trả lời After testing the free version, I went for the paid plugin -> super easy to use and works perfectly ![](https://secure.gravatar.com/avatar/be79bff20ba6db180962d817aa48c04b9d456bcdcaa61a809c0e62f53d092429? s=60&d=retro&r=g) ### 󠀁[Good support](https://wordpress.org/support/topic/good-support-407/)󠁿 [rosarosa](https://profiles.wordpress.org/rosarosa/) 3 Tháng 2, 2021 Good support [ Đọc tất cả 11 đánh giá ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/) ## Người đóng góp & Lập trình viên “Modal Fly Cart & AJAX Add to Cart for WooCommerce” là mã nguồn mở. Những người sau đã đóng góp vào plugin này. Những người đóng góp * [ aThemeArt ](https://profiles.wordpress.org/athemeart/) “Modal Fly Cart & AJAX Add to Cart for WooCommerce” đã được dịch qua 12 ngôn ngữ. Cảm ơn [những người tham gia dịch](https://translate.wordpress.org/projects/wp-plugins/woocomm-popup-cart-ajax/contributors) vì đóng góp của họ. [Dịch “Modal Fly Cart & AJAX Add to Cart for WooCommerce” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/woocomm-popup-cart-ajax) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/woocomm-popup-cart-ajax/), check out [SVN repository](https://plugins.svn.wordpress.org/woocomm-popup-cart-ajax/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/woocomm-popup-cart-ajax/) qua [RSS](https://plugins.trac.wordpress.org/log/woocomm-popup-cart-ajax/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi #### 2.0.1 * Upgrade to Pro link beside Settings on Plugins list * Upgrade to Pro button on settings header (right side) * Clear Pro badges on locked feature sections * Expanded README with full FAQ section #### 2.0.0 * Modern tabbed admin UI with field descriptions * Fixed settings persistence (options now save correctly) * Variable product AJAX add to cart * Security: nonces, capability checks, sanitization, escaping * Proper AJAX JSON success/error responses * Variation attributes shown automatically in the mini-cart * Pro badges and Upgrade to Pro links (plugins list + settings header) * HPOS compatibility * Free/Pro coexistence (free does not load when Pro is active) #### 1.5.7 * Previous free release line ## Meta * Phiên bản **2.0.1** * Cập nhật lần cuối **3 tuần trước** * Số lượt cài đặt **2.000+** * Phiên bản WordPress ** 5.8 hoặc cao hơn ** * Đã kiểm tra lên đến **7.2** * Phiên bản PHP ** 7.4 hoặc cao hơn ** * Ngôn ngữ * [Dutch](https://nl.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/woocomm-popup-cart-ajax/), [English (US)](https://wordpress.org/plugins/woocomm-popup-cart-ajax/), [German](https://de.wordpress.org/plugins/woocomm-popup-cart-ajax/), [German (Switzerland)](https://de-ch.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Russian](https://ru.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Spanish (Chile)](https://cl.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Spanish (Spain)](https://es.wordpress.org/plugins/woocomm-popup-cart-ajax/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/woocomm-popup-cart-ajax/), và [Ukrainian](https://uk.wordpress.org/plugins/woocomm-popup-cart-ajax/). * [Dịch sang ngôn ngữ của bạn](https://translate.wordpress.org/projects/wp-plugins/woocomm-popup-cart-ajax) * Thẻ * [ajax cart](https://vi.wordpress.org/plugins/tags/ajax-cart/)[fly cart](https://vi.wordpress.org/plugins/tags/fly-cart/) [mini cart](https://vi.wordpress.org/plugins/tags/mini-cart/)[woocommerce](https://vi.wordpress.org/plugins/tags/woocommerce/) * [Nâng cao](https://vi.wordpress.org/plugins/woocomm-popup-cart-ajax/advanced/) ## Đánh giá 3.5 trên 5 sao. * [ 6 5-star reviews ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/?filter=2) * [ 4 1-star reviews ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/#new-post) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/reviews/) ## Những người đóng góp * [ aThemeArt ](https://profiles.wordpress.org/athemeart/) ## Hỗ trợ Có điều gì muốn nói? cần giúp đỡ? [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/woocomm-popup-cart-ajax/)