{"id":78642,"date":"2017-12-08T09:51:16","date_gmt":"2017-12-08T09:51:16","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/woocomm-popup-cart-ajax\/"},"modified":"2026-09-19T19:56:07","modified_gmt":"2026-09-19T19:56:07","slug":"woocomm-popup-cart-ajax","status":"publish","type":"plugin","link":"https:\/\/arq.wordpress.org\/plugins\/woocomm-popup-cart-ajax\/","author":15653327,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.1","stable_tag":"trunk","tested":"7.2","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Modal Fly Cart & AJAX Add to Cart for WooCommerce","header_author":"aThemeArt","header_description":"Popup Cart Lite for WooCommerce for WooCommerce plugin that displays popup cart for add to cart action.","assets_banners_color":"d5d0ca","last_updated":"2026-09-19 19:56:07","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/athemeart.com\/downloads\/woocommerce-popup-cart-ajax\/","header_author_uri":"https:\/\/athemeart.com\/","rating":3.5,"author_block_rating":0,"active_installs":2000,"downloads":214800,"num_ratings":11,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.5.7":{"tag":"1.5.7","author":"athemeart","date":"2026-08-30 18:47:38","revision":3673029}},"upgrade_notice":{"2.0.0":"<p>Recommended update: fixes settings save, improves variable product support, and hardens security. Configure under WooCommerce \u2192 Modal \/ Ajax Cart.<\/p>"},"ratings":{"1":4,"2":0,"3":0,"4":1,"5":6},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":1783157,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":1783157,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.5.7"],"block_files":[],"assets_screenshots":{"screenshot-0.png":{"filename":"screenshot-0.png","revision":3703639,"resolution":"0","location":"plugin","width":1308,"height":1363},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3703639,"resolution":"2","location":"plugin","width":1037,"height":555},"screenshot-1.png":{"filename":"screenshot-1.png","revision":3703639,"resolution":"1","location":"plugin","width":1349,"height":621}},"screenshots":{"1":"Fly cart panel on the storefront","2":"Floating cart button","3":"Admin settings \u2013 General tab","4":"Admin settings \u2013 Design (free + Pro badges)"}},"plugin_section":[],"plugin_tags":[7602,192938,127626,281627,286],"plugin_category":[45],"plugin_contributors":[146580],"plugin_business_model":[],"class_list":["post-78642","plugin","type-plugin","status-publish","hentry","plugin_tags-ajax-cart","plugin_tags-fly-cart","plugin_tags-mini-cart","plugin_tags-modal-cart","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-athemeart","plugin_committers-athemeart"],"banners":{"banner":"https:\/\/ps.w.org\/woocomm-popup-cart-ajax\/assets\/banner-772x250.jpg?rev=1783157","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/woocomm-popup-cart-ajax\/assets\/icon-128x128.jpg?rev=1783157","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/woocomm-popup-cart-ajax\/trunk\/screenshot-0.png?rev=3703639","caption":""},{"src":"https:\/\/ps.w.org\/woocomm-popup-cart-ajax\/trunk\/screenshot-1.png?rev=3703639","caption":"Fly cart panel on the storefront"},{"src":"https:\/\/ps.w.org\/woocomm-popup-cart-ajax\/trunk\/screenshot-2.png?rev=3703639","caption":"Floating cart button"}],"raw_content":"<!--section=description-->\n<p><strong>Modal Fly Cart &amp; AJAX Add to Cart for WooCommerce<\/strong> 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.<\/p>\n\n<p>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.<\/p>\n\n<h4>Free features<\/h4>\n\n<ul>\n<li>Fly cart positions: right, left, top, bottom, or center (modal)<\/li>\n<li>AJAX add to cart, quantity change, and remove item<\/li>\n<li>Compatible with <strong>variable products<\/strong> (select attributes, then add)<\/li>\n<li>Floating cart button with icon and position options<\/li>\n<li>Auto-open after AJAX or classic add to cart<\/li>\n<li>Optional CSS selector to open the cart from your theme header<\/li>\n<li>Basic panel colors (background, primary text, accent)<\/li>\n<li>Show or hide total, Cart \/ Checkout buttons, continue shopping<\/li>\n<li>Hide floating button when cart is empty or on cart\/checkout pages<\/li>\n<li>Reload cart on page load (helpful with full-page cache)<\/li>\n<li>Secure nonces, sanitization, and WooCommerce cart APIs<\/li>\n<li>High-Performance Order Storage (HPOS) compatible<\/li>\n<li>Translation-ready (text domain: <code>atawc_lang<\/code>)<\/li>\n<\/ul>\n\n<h4>Pro features (Upgrade to Pro)<\/h4>\n\n<p>Marked with a <strong>Pro<\/strong> badge in the settings screens:<\/p>\n\n<ul>\n<li>Advanced panel design (item background, text, price colors)<\/li>\n<li>Quantity control colors (+ \/ \u2212 and input styling)<\/li>\n<li>Cart &amp; Checkout button colors, hover, and border radius<\/li>\n<li>Floating button background, icon, and badge colors<\/li>\n<li>Panel background image<\/li>\n<li>Free shipping progress bar<\/li>\n<li>Custom empty-cart message<\/li>\n<li>Extra product-options display compatibility<\/li>\n<\/ul>\n\n<p>Pro product page: <a href=\"https:\/\/athemeart.com\/downloads\/woocommerce-popup-cart-ajax\/\">WooCommerce Modal Fly Cart PRO<\/a><\/p>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 5.8 or higher<\/li>\n<li>PHP 7.4 or higher<\/li>\n<li>WooCommerce 5.0 or higher (active)<\/li>\n<\/ul>\n\n<p>If the Pro plugin is active, the free plugin does not load its frontend so the two do not conflict.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>woocomm-popup-cart-ajax<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install the ZIP via <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n<li>Activate <strong>Modal Fly Cart &amp; AJAX Add to Cart for WooCommerce<\/strong>.<\/li>\n<li>Ensure <strong>WooCommerce<\/strong> is installed and activated.<\/li>\n<li>Go to <strong>WooCommerce \u2192 Modal \/ Ajax Cart<\/strong> to configure settings.<\/li>\n<li>Optional: on the Plugins screen, use <strong>Settings<\/strong> or <strong>Upgrade to Pro<\/strong> next to the plugin name.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20work%20with%20variable%20products%3F\"><h3>Does this plugin work with variable products?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"where%20are%20the%20settings%3F\"><h3>Where are the settings?<\/h3><\/dt>\n<dd><p>Go to <strong>WooCommerce \u2192 Modal \/ Ajax Cart<\/strong>, or click <strong>Settings<\/strong> on the Plugins list for this plugin.<\/p><\/dd>\n<dt id=\"why%20don%E2%80%99t%20my%20settings%20save%3F\"><h3>Why don\u2019t my settings save?<\/h3><\/dt>\n<dd><p>Use <strong>Save Settings<\/strong> at the bottom of the settings form. Options are stored in the WordPress options table (<code>ata_wcspc_free_options<\/code>). If you still see old behavior, clear any full-page or object cache and try again with \u201cReload cart on page load\u201d enabled under Advanced.<\/p><\/dd>\n<dt id=\"how%20do%20i%20open%20the%20cart%20from%20my%20theme%20header%3F\"><h3>How do I open the cart from my theme header?<\/h3><\/dt>\n<dd><p>Under <strong>General \u2192 Manual trigger selector<\/strong>, enter a CSS class or ID used by your header cart link, for example <code>.mini-cart-btn<\/code> or <code>#header-cart<\/code>. Clicking that element will open the fly cart.<\/p><\/dd>\n<dt id=\"can%20i%20change%20colors%3F\"><h3>Can I change colors?<\/h3><\/dt>\n<dd><p>Yes. Under <strong>Design<\/strong> 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 <strong>Pro<\/strong>.<\/p><\/dd>\n<dt id=\"what%20is%20limited%20in%20the%20free%20version%3F\"><h3>What is limited in the free version?<\/h3><\/dt>\n<dd><p>Core cart behavior is fully available. Sections labeled with a <strong>Pro<\/strong> badge (advanced design, quantity styles, free shipping bar, custom empty message, extra button colors) require <a href=\"https:\/\/athemeart.com\/downloads\/woocommerce-popup-cart-ajax\/\">Upgrade to Pro<\/a>.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20caching%20plugins%3F\"><h3>Does it work with caching plugins?<\/h3><\/dt>\n<dd><p>Yes. If the item count looks outdated after add-to-cart, enable <strong>Reload cart on page load<\/strong> under Advanced so the cart is refreshed via AJAX when the page loads.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20hpos%20%2F%20custom%20order%20tables%3F\"><h3>Is it compatible with HPOS \/ custom order tables?<\/h3><\/dt>\n<dd><p>Yes. The plugin declares compatibility with WooCommerce High-Performance Order Storage.<\/p><\/dd>\n<dt id=\"can%20i%20use%20free%20and%20pro%20at%20the%20same%20time%3F\"><h3>Can I use free and Pro at the same time?<\/h3><\/dt>\n<dd><p>Install only one. If Pro is active, the free plugin skips loading its cart so you do not get two mini-carts.<\/p><\/dd>\n<dt id=\"how%20do%20i%20translate%20the%20plugin%3F\"><h3>How do I translate the plugin?<\/h3><\/dt>\n<dd><p>The text domain is <code>atawc_lang<\/code>. Language files live in the <code>\/languages<\/code> folder. You can use Loco Translate, WPML, or standard .po\/.mo workflows.<\/p><\/dd>\n<dt id=\"where%20do%20i%20get%20support%20or%20pro%3F\"><h3>Where do I get support or Pro?<\/h3><\/dt>\n<dd><ul>\n<li>Free plugin: use the WordPress.org support forum for this plugin when published, or contact aThemeArt.<\/li>\n<li>Pro features and priority support: <a href=\"https:\/\/athemeart.com\/downloads\/woocommerce-popup-cart-ajax\/\">https:\/\/athemeart.com\/downloads\/woocommerce-popup-cart-ajax\/<\/a><\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>Upgrade to Pro link beside Settings on Plugins list<\/li>\n<li>Upgrade to Pro button on settings header (right side)<\/li>\n<li>Clear Pro badges on locked feature sections<\/li>\n<li>Expanded README with full FAQ section<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Modern tabbed admin UI with field descriptions<\/li>\n<li>Fixed settings persistence (options now save correctly)<\/li>\n<li>Variable product AJAX add to cart<\/li>\n<li>Security: nonces, capability checks, sanitization, escaping<\/li>\n<li>Proper AJAX JSON success\/error responses<\/li>\n<li>Variation attributes shown automatically in the mini-cart<\/li>\n<li>Pro badges and Upgrade to Pro links (plugins list + settings header)<\/li>\n<li>HPOS compatibility<\/li>\n<li>Free\/Pro coexistence (free does not load when Pro is active)<\/li>\n<\/ul>\n\n<h4>1.5.7<\/h4>\n\n<ul>\n<li>Previous free release line<\/li>\n<\/ul>","raw_excerpt":"Fast WooCommerce AJAX mini-cart modal with side drawer, floating button, &amp; instant updates. Free edition; Pro adds full customization.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/78642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=78642"}],"author":[{"embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/athemeart"}],"wp:attachment":[{"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=78642"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=78642"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=78642"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=78642"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=78642"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/arq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=78642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}