InstantCart Pro – Elementor Loop Quick Buy & Variation Swatches

Description

Widget Name: Product Buy & Cart Buttons

Turn Window Shoppers into Instant Buyers Directly from the Loop Grid By default, WooCommerce forces visitors to leave shop loops and visit individual product pages just to select an option, leading to high drop-offs and lost revenue. QuickAction Pro solves this friction entirely. With the dedicated Product Buy & Cart Buttons widget, your customers can choose variations in a modern popup modal and purchase in a single click from any shop archive or custom Elementor Loop template.

Core Features

• Instant Variation Quick-View Modal: Clicking “Select Options” or the cart icon triggers a lightweight popup displaying product images, badges, real-time prices, and clean swatch buttons.

• Auto-Preselection for 1-Click Ordering: The first available variation is selected automatically on modal open, preventing validation errors and letting customers order in literally one click.

• Direct “Buy Now” Checkout Bypass: Simple products bypass the cart page and redirect straight to checkout with pre-populated cart items.

• Background AJAX Add-to-Cart: Non-intrusive background cart addition for simple items, complete with custom-colored tick mark feedback and fragments update.

• Dynamic Swatch Engine & Live Swap: Selecting attributes instantly updates the thumbnail image, SKU, and dynamic price inside the modal.

• Bulletproof Quantity Controller: Native plus/minus (+ / −) input tailored to prevent -1 HTML5 maximum purchase quantity conflicts on unlimited stock stores.

• Full Elementor Design Control: Directly customize button typography, custom SVG/FontAwesome icons, padding, border radius, background gradients, hover states, checkmark colors, and modal themes from Elementor’s visual editor.

• Zero Bloat & Peak Speed: Engineered with clean, vanilla JavaScript and optimized WordPress REST/AJAX endpoints—zero dependency on heavy third-party modal frameworks.

Technical Specifications

• WordPress: 5.8 or higher

• Elementor: Compatible with both Free and Pro versions

• WooCommerce: 6.0+ fully compatible

• PHP: Tested and optimized for PHP 7.4, 8.0, 8.1, and 8.2+

• Theme Support: Hello Elementor, Astra, Flatsome, OceanWP, and all standard WooCommerce-ready themes