openfoodfacts/openfoodfacts-server

Swipe for pagination of products

Open

#1030 opened on Jan 8, 2018

View on GitHub
 (0 comments) (0 reactions) (0 assignees)Perl (477 stars) (236 forks)batch import
List pagesProduct Pagefrontendhelp wantedresponsive ux

Description

Related to #1029

When opening a product from a search result or a facet on mobile, it might be useful to be able to swipe to the next/previous product from the result list from inside the product page.

Contributor guide

Tech stack
javascriptcsshtml
Domain
frontendmobile
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
basic JavaScripttouch event handling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate the current product page implementation to understand the layout and navigation structure. Implement swipe gesture detection using touch events or a library like Hammer.js. Ensure the swipe works for both next and previous products, and update the URL or state accordingly. Reference existing mobile navigation patterns in the codebase.