Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

[PNI] - Subcategories - front-end styling for desktop #7623

Closed
6 tasks done
Pomax opened this issue Oct 14, 2021 · 0 comments
Closed
6 tasks done

[PNI] - Subcategories - front-end styling for desktop #7623

Pomax opened this issue Oct 14, 2021 · 0 comments
Assignees
@fessehaye
Labels
buyer's guide 🛍 Issues related to the buyer's guide engineering frontend
Milestone
PNI Q3 2021

Comments

@Pomax
Copy link
Contributor

Pomax commented Oct 14, 2021 •
edited by fessehaye
Loading

  • add category title on a category view
  • add a subcategories "pill" section when on a category view, underneath title
  • recolor bg on hover
  • click pill to filter out all products not in that category
    • recolor bg on selected
    • click selected pill to undo the filtering

default:

image

hover:

image

selected:

image

Figma comps: https://www.figma.com/file/GwdoUiY4fzVyeLfXsAJGPq/*Privacy-Not-Included-Website?node-id=1581%3A125095
Prototype: https://www.figma.com/proto/GwdoUiY4fzVyeLfXsAJGPq/Privacy-Not-Included-Website?page-id=1173%3A101577&node-id=1505%3A119992&viewport=241%2C48%2C0.25&scaling=scale-down-width&starting-point-node-id=1505%3A119992
# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees

@fessehaye fessehaye

Labels
buyer's guide 🛍 Issues related to the buyer's guide engineering frontend
Projects
None yet
Milestone
PNI Q3 2021
Development

No branches or pull requests
2 participants
@Pomax @fessehaye