openfoodfoundation / wishlist

This repository welcomes ideas and suggestions to improve the OFN software.
3 stars 0 forks source link

[Shopfront] Add a "back to top" arrow in the footer for mobile users #298

Open audez opened 1 year ago

audez commented 1 year ago

What is the need / problem?

A user reported that several clients who use the app on mobile told that they were often "landing" in the footer (which is large) when products were loading. They then have to manually scroll to the top of the page. Screen Shot 2022-10-13 at 14 53 46

Which type of users does this problem affect (and how many, if known)?

- Shoppers

Potential solutions that will solve the problem ?[[brainstorming to list feature candidates]

They asked if it was possible to add an arrow that would bring back to the top of the page. Screen Shot 2022-10-13 at 14 53 11

Maybe reducing the footer height would be good too, as it is very large.

Connected wishlist and discovery discussions* [list precedent discussions]

Additional context

drummer83 commented 1 year ago

I believe this also happens when the product list is getting shorter by applying filters. This happens on desktop as well. A good solution could be to automatically scroll to the top (or the currently viewed product) after applying a filter.

audez commented 1 year ago

Yea i just filmed it on desktop. Isn't this a bug more than a wishlist? anyways it's pretty ugly 🤭

https://user-images.githubusercontent.com/28386648/202281443-077ff225-c5ad-4895-85a9-751c1f5cf9e1.mp4

Jesszahra commented 1 year ago

I think we should investigate linking the filters and the page loading correctly, rather than designing a back to top arrow.

Unless the back to top arrow is an intermediary step while we wait for resources to fix the underlying problem. Please let me know and I will design something up @lin-d-hop