Magento 2 quick add to cart: choose a quantity and order right in the product tile
SKU: QUICKADDTOCART1
- Quantity and button directly in the product tile of the listing
- Minimum quantity, step, maximum are respected automatically
- Products with required options lead on to the product page
- Hyvä native: Alpine.js only, minicart updates instantly
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 quick add to cart: choose a quantity and order right in the product tile
Magento 2 quick add to cart puts the quantity field and add button where your customers are looking at the product: in the tile of category, search and widget lists. Simple products can be ordered in one step without opening the product page. That saves clicks and lowers drop-out on repeat purchases.
Especially with consumables, spare parts and accessories customers know what they want. Every extra page change is then an obstacle. The extension respects minimum quantity, step and stock, forwards products with required options cleanly to the product page and uses only Alpine.js from Hyvä. We set it up in your shop.
Magento 2 quick add to cart: the features at a glance
Six building blocks for ordering straight from the list, with no additional library and no page change.
Quantity in the tile
A plus/minus stepper with direct input, fitted to the listing layout.
Quantity rules respected
Minimum, step and maximum quantity from inventory apply here, too.
Product type switch
Simple products directly, products with required options go to the product page.
Feedback in the tile
Success or error shows right at the product without leaving the page.
Minicart up to date
Counter and minicart refresh through the Hyvä mechanism.
Targeted activation
Switch on or off per category or product type, button text adjustable.
Magento 2 quick add to cart: pick the quantity directly in the product tile
In the listing a compact quantity stepper with a button appears below the price. One click puts the chosen quantity in the cart and the tile briefly confirms. The customer stays on the list and can pick the next product right away.
- Stepper with plus/minus and direct input
- Confirmation in the tile instead of a page change
- Layout fits grid and list view
Catch quantity rules and edge cases safely with Magento 2 quick add to cart
The stepper adopts the product's minimum quantity and step: with a step of 6 the quantity moves in sixes. If the quantity exceeds available stock, a notice appears in the tile. Products with required options, configurable variants or mandatory custom options show "Choose options" instead of the button.
- Step and minimum quantity from the product
- Stock limit with an understandable message
- Required options: redirect to the product page
Hyvä integration: Magento 2 quick add to cart without additional JavaScript
The module works with the Hyvä cart and Alpine.js, which are loaded anyway. It needs no further script, no extra request on page load and no change in your child theme as long as you use the standard tile. With a custom tile layout, including the supplied partial template is enough.
- Existing Alpine.js only
- No layout intervention in your theme required
- Custom tile layout: partial template can be included
When Magento 2 quick add to cart pays off
Three situations for Magento 2 quick add to cart where the direct path into the cart noticeably brings revenue.
Consumables and repeat purchases
Regular customers order filters, labels or cleaning agents again and again in similar quantities. With quantity and button in the tile, a glance at the list and one click are enough.
Spare parts and accessories
Whoever looks for a spare part compares several hits and puts two or three straight into the cart. Without a page change the hit list stays the working surface.
B2B shops with minimum quantities
Dealers buy in packaging units. The product's step is adopted in the stepper so only valid quantities arise and wrong orders do not happen.
Magento 2 quick add to cart: with and without the module compared
With Magento 2 quick add to cart the difference shows in the number of clicks and the error rate.
| Aspect | Without the module | With the module |
|---|---|---|
| Path to the order | List, product page, quantity, button | List, quantity, button |
| Quantity in the list | Not possible | Stepper with direct input |
| Minimum quantity and step | Visible only on the product page | Respected already in the tile |
| Products with required options | Always via the product page | Choose options button forwards |
| Feedback | Page change or message at the top | Confirmation right in the tile |
| JavaScript | Library of its own needed | Only Alpine.js from Hyvä |
How we set up Magento 2 quick add to cart in your shop
Setup of Magento 2 quick add to cart is done personally by Mironsoft so tile layout and cart mechanics fit together.
1. Check the tile
For Magento 2 quick add to cart we look at whether you use the standard tile or a layout of your own.
2. Installation
The module is set up and the tile template with quantity field and button is included.
3. Choose categories
We define with you for which categories and product types the button appears.
4. Practical test
Together we test minimum quantities, stock limits and products with required options.
Magento 2 quick add to cart compared with Quick Order and Quick View
Quick Order is a separate page where customers enter SKU and quantity, for instance from an order list. Quick View opens product details in an overlay. Magento 2 quick add to cart orders directly in the tile and replaces neither of them. Especially in B2B shops these approaches complement one another.
The extension changes no prices and no tax logic; it uses the Hyvä cart. Price information, delivery times and shipping cost notices in the tile must still meet legal requirements. The module neither adds nor removes them.
No download — personal setup instead
Magento 2 quick add to cart is not listed here as a ready-made download file for self-installation. The purchase is a service commission: we get in touch after the purchase, integrate the module into your Hyvä theme, and agree on categories and button design together.
Frequently asked questions about Magento 2 quick add to cart
Everything important about quantity rules, delimitation, and how the purchase of the extension works.
How is this different from Quick Order and Quick View?
What happens with products that have selectable options?
Are minimum quantity and step respected?
Do I need additional JavaScript?
Can the button be shown only in certain categories?
How can I add products to the cart straight from the category page in Magento 2?
How can I change the quantity in the product list in Magento 2?
Does the module work with my Hyvä theme?
Can I download and install the module myself?
Recently Viewed Products
Magento 2 quick add to cart – Mironsoft