Why when a user clicks the "add to cart" button does it scroll the user back to the top of the page. This is a serious UI/UX no-no.

I have a page that lists the products in a grid view. Each one of the listed items has an add to cart button so the user can add it from the list view if they want instead of diving into the single item view and clicking it there. When they scroll down the page and click
"add to cart" on an item it scrolls back to the top of the page, in turn losing the user scroll position.

Why is this even setup that way. This is horrible a UX design flaw. This module and Commerce Kickstart 2 in general is not a mobile first design approach. I need to know how to prevent this from happening and causing my customers from bashing me through email message.

How can this be fixed....

Comments

agon024 created an issue. See original summary.

agon024’s picture

agon024 CreditAttribution: agon024 commented
Priority: Normal » Critical
deggertsen’s picture

deggertsen CreditAttribution: deggertsen commented
Priority: Critical » Normal

When a user clicks the add to cart button it submits the form and reloads the page and then the popup is displayed. It might be out of the scope of this module to do what you're asking, but I agree that it would be a nice feature to not have it reload the page and be a more seamless process.

Perhaps this module is a solution?
https://www.drupal.org/project/commerce_ajax_cart

deggertsen’s picture

deggertsen CreditAttribution: deggertsen commented

It actually looks like this might be a duplicate of this issue:
#2316897: Ajax functionality?

deggertsen’s picture

deggertsen CreditAttribution: deggertsen commented
Status: Active » Closed (duplicate)