Magento 2 Advanced Cart Extension: Free Shipping Bar, Order Notes, Trust Badges and More (Hyva + Luma)

Add eight cart-page features to Magento 2 in one module. Panth Advanced Cart puts a free shipping progress bar, quantity +/- buttons, trust badges, order notes, savings display, estimated delivery, a continue shopping button, and a custom empty cart page onto the default cart, all configurable per store view. Native templates for Hyva (Alpine.js) and Luma are both included.

Product page: kishansavaliya.com/magento-2-advancedcart.html

Quick Answer

What is Panth Advanced Cart? It is a Magento 2 cart page extension that adds eight conversion-focused features to the default cart, so shoppers get a better browsing and buying experience without leaving the cart page.

What does it add to my store?

• A free shipping progress bar that shows how much more a shopper needs to spend to qualify.
• Quantity +/- buttons on every cart line item, with AJAX totals update.
• Trust badges (secure checkout, money-back, free returns, fast shipping, support, quality guarantee).
• Order notes saved on the quote and order, visible from cart through to admin.
• A cart savings display showing total discount from special prices and catalog rules.
• Estimated delivery date shown as a business-day range.
• A continue shopping button with a configurable URL.
• An enhanced empty cart page with custom heading, message, and button.

Which themes are supported? Both Hyva (Alpine.js, no jQuery) and Luma. The active theme is detected through Panth_Core.

What does it need? Magento 2.4.4 to 2.4.8, PHP 8.1 to 8.4, and the free mage2kishan/module-core package.

Need Custom Magento 2 Development?

Get a free quote for your project in 24 hours for custom modules, Hyva themes, performance work, M1 to M2 migrations, and Adobe Commerce Cloud.

Kishan Savaliya

Top Rated Plus on Upwork

100% Job Success - 10+ Years Magento Experience Adobe Certified - Hyva Specialist

Panth Infotech Agency

Magento Development Team

Custom Modules - Theme Design - Migrations Performance - SEO - Adobe Commerce Cloud

Visit our website: kishansavaliya.com  |  Get a quote: kishansavaliya.com/get-quote

Table of Contents

• Who Is It For
• Key Features
• Compatibility
• Installation
• Configuration
• How It Works
• FAQ
• Support
• About Panth Infotech
• Quick Links

Who Is It For

• Stores with a high cart abandonment rate that want to nudge shoppers to spend a little more or feel confident checking out.
• Merchants running free shipping promotions who want a visual progress bar to remind shoppers exactly how close they are.
• Fashion, home, and electronics stores where customers often leave order instructions, such as gift messages, color preferences, or delivery notes.
• Hyva storefronts that need cart-page features built with Alpine.js, without pulling jQuery back in.
• Multi-store setups where each store view needs different thresholds, messages, or delivery ranges.

Key Features

Free Shipping Progress Bar

• Visual progress indicator on the cart page showing how close the subtotal is to the free shipping threshold.
• Configurable threshold set per store view to match your actual shipping rule.
• Dynamic progress message using {{remaining}} as a placeholder for the remaining amount.
• Achievement message displayed once the threshold is met.

Quantity +/- Buttons

• Increment and decrement buttons added to every cart line item.
• AJAX-powered totals update so the page does not reload when qty changes.
• Larger tap targets than the default number input, which helps on mobile.

Trust Badges

• Six built-in badge types: secure_checkout, money_back, free_returns, fast_shipping, support_24_7, quality_guarantee.
• Configurable list of which badges to show, controlled from admin by a comma-separated field.
• Template-overridable for custom icons or SVGs from your theme.

Order Notes

• Collapsible textarea on the cart page where customers add special instructions.
• Persists all the way through from quote to checkout sidebar to customer order view to admin order view.
• Added to sales_order_grid as a column so staff can filter or sort by note content.
• Custom placeholder and character limit configurable per store view.

Cart Savings Display

• "You saved" summary line in the cart totals block.
• Calculates savings from special prices and catalog price rules across all line items.

Estimated Delivery Date

• Business-day range calculated from the current date, skipping weekends.
• Min and max day fields so you can show a range like "3 to 7 business days."
• Custom label text such as "Estimated Delivery" or "Arrives By," configurable per store view.

Continue Shopping Button

• Configurable return link pointing shoppers to a category, homepage, or any URL.
• Custom label translatable per store view.

Enhanced Empty Cart Page

• Custom heading and message instead of the stock Magento empty cart text.
• Custom button label with a link back to any page you choose.

Hyva + Luma Ready

• Native Hyva templates built with Alpine.js, no jQuery or Knockout.
• Native Luma templates using standard Magento JS patterns.
• Theme detection through Panth\Core\Helper\Theme, automatic with no extra config.

Built to Last

• Constructor DI only, no ObjectManager usage.
• Full Page Cache friendly - AJAX calls handle dynamic data separately.
• Translation ready, every label uses Magento's __() function.
• Multi-store aware - every setting respects the default, website, and store view scope hierarchy.

Compatibility

Installation

Composer Installation (Recommended)

composer require mage2kishan/module-advancedcart
bin/magento module:enable Panth_Core Panth_AdvancedCart
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush

Manual Installation via ZIP

1. Download the latest release from Packagist or from the product page.
2. Extract it to app/code/Panth/AdvancedCart/ in your Magento install.
3. Make sure Panth_Core is installed too (required dependency).
4. Run the commands above starting from bin/magento module:enable.

Verify Installation

bin/magento module:status Panth_AdvancedCart
# Expected: Module is enabled

After install, open:

Admin -> Stores -> Configuration -> Panth Extensions -> Advanced Cart Page

Configuration

Go to Stores -> Configuration -> Panth Extensions -> Advanced Cart Page.

How It Works

1. When a shopper visits the cart page, the module reads all enabled feature flags from the configuration.
2. The free shipping bar compares the quote subtotal against the configured threshold and renders a percentage-filled progress bar with the appropriate message.
3. Qty +/- buttons wrap each quantity input and use AJAX to update the cart total on the page without a full reload.
4. Trust badges are rendered from the comma-separated badge keys in configuration, using built-in SVG icons that can be overridden in a child theme.
5. When a customer types in the order notes textarea and navigates away or proceeds to checkout, the note is saved via a controller call and written to panth_order_note on the quote table. A plugin on order placement copies it to sales_order and sales_order_grid.
6. The savings display loops through quote items, sums the difference between original and final price multiplied by quantity, and shows the total in the cart summary block.
7. Estimated delivery calculates a business-day date range from today, skipping Saturdays and Sundays, and displays it with the configured label.
8. If the cart is empty, the enhanced empty cart block replaces the default stock message with the custom heading, message, and button from configuration.

FAQ

Does Panth Advanced Cart work on Hyva themes?

Yes. The module ships native Alpine.js templates for Hyva, with no jQuery, Knockout, or RequireJS. Theme detection is automatic through Panth_Core.

Does it work on the default Luma theme?

Yes. Luma templates use vanilla JavaScript and integrate with Magento's standard Knockout and RequireJS cart.

Will order notes show up in the admin?

Yes. The note is stored in panth_order_note on sales_order and sales_order_grid, so it appears in the admin order view and is available as a grid column.

Can I disable individual features?

Yes. Every feature has its own enable/disable toggle in the Advanced Cart Page configuration section.

Will the free shipping bar match my actual shipping rule?

The bar compares against the threshold you set in admin. Make sure you set it to the same value as your actual free shipping rule threshold.

Does estimated delivery skip weekends?

Yes. The business-day calculation skips Saturdays and Sundays. Public holidays are not currently accounted for, but you can request a customization via kishansavaliya.com/get-quote.

Does it conflict with one-page checkout extensions?

No. Panth Advanced Cart only modifies the cart page. Order notes are shown read-only in the checkout sidebar and do not interfere with any third-party checkout module.

Is it translation ready?

Yes. Every label uses Magento's __() function, so you can translate it with a CSV in i18n/<locale>.csv or Magento's built-in inline translation.

Does it work with multi-store setups?

Yes. Every setting respects the default, website, and store view scope hierarchy in Magento.

Support

Response time: 1-2 business days.

Need Custom Magento Development?

Looking for custom Magento module development, Hyva theme work, store migrations, or performance tuning? Get a free quote in 24 hours:

About Panth Infotech

Built and maintained by Kishan Savaliya (kishansavaliya.com), a Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience.

Panth Infotech is a Magento 2 development agency that builds high quality, security focused extensions and themes for both Hyva and Luma storefronts. The extension suite covers SEO, performance, checkout, cart, product presentation, customer engagement, and store management, with each module built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.

Browse the full extension catalog on our Magento extensions page or on Packagist.

Quick Links

SEO Keywords: magento 2 advanced cart, magento 2 cart page extension, magento 2 free shipping bar, magento 2 free shipping progress bar, magento 2 order notes, magento 2 special instructions cart, magento 2 cart customization, magento 2 trust badges cart, magento 2 quantity buttons, magento 2 qty plus minus buttons, magento 2 estimated delivery date, magento 2 cart savings display, magento 2 empty cart page, hyva cart extension, hyva free shipping bar, hyva order notes, luma cart extension, panth advanced cart, panth infotech cart module, magento 2 cart conversion, magento 2 aov, magento 2 cart abandonment, magento 2 continue shopping button, magento 2 cart enhancements, hire magento developer, top rated plus upwork magento, kishan savaliya magento, mage2kishan, mage2sk, magento 2.4.8 cart module, php 8.4 magento cart, custom magento cart development, magento 2 cart page customization