My suggestion is to allow the user to Add To Cart from the product collection page and simply show the Add to Cart button animation, without the mini-cart popping up. This is for the Turbo theme, but could be applied to the Flex or other themes.
When customer presses Add To Cart on the product collection page. It will show an animation in the Add To Cart button that indicates product has been added to cart. But there is no mini-cart will pop-up and no page refresh. The number in the cart will update automatically. The new item will be in the cart should the customer open the cart.
The purpose of this is so that the customer can add many items into their cart from the product collection page without the mini-cart disturbing them.
We had some complaints from our customers that the mini-cart was confusing and they would press the X by accident thinking they were closing the window, but instead it removed the product. The UI for the mini-cart is confusing to them.
The other existing option the Turbo theme has of refreshing the page after clicking Add to Cart. However the way this functions is that it refreshes to the top of the page. We're afraid this would annoy our customers as they lost the exact spot on the page that they were originally shopping.
My suggestion is to allow the user to Add To Cart from the product collection page and simply show the Add to Cart button animation, without the mini-cart popping up and without refreshing the page (which causes the page to load back to the top, than where they originally pressed Add To Cart).
Please sign in to leave a comment.