Navigation Menu

Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

Jump to bottom

Color refinement list for react hooks #5238

Open
dhayab opened this issue Oct 12, 2022 · 4 comments
Open

Color refinement list for react hooks #5238

dhayab opened this issue Oct 12, 2022 · 4 comments
Labels
Library: React InstantSearch ≥ 7 Issues in any of the react-instantsearch@7 packages (formerly named react-instantsearch-hooks) Type: Survey Asking input from the community on a feature

Comments

@dhayab
Copy link
Member

dhayab commented Oct 12, 2022

We currently provide a ColorRefinementList widget for React InstantSearch, and we'd like to gather interest in porting this widget to React InstantSearch Hooks.

What's a color refinement list?

A color refinement list is an InstantSearch widget that filters results based on color facet values. The widget only displays the most relevant colors for the current search context.

It shares similarities with a standard refinement list, but it displays color indicators instead of text facet values. This helps users quickly visualize the kind of color that products have in your index.

See Live Demo →

How to show your interest?

Simply add a "👍" reaction on this issue, and optionally subscribe to its notifications. We will share updates here.
@sarahdayan sarahdayan added the Library: React InstantSearch < 7 Issues in any of the react-instantsearch@6 packages label Dec 22, 2022
@sarahdayan sarahdayan transferred this issue from algolia/react-instantsearch Dec 22, 2022
@Haroenv Haroenv changed the title Color refinement list Color refinement list for react hooks Dec 22, 2022
@Haroenv Haroenv added Library: React InstantSearch ≥ 7 Issues in any of the react-instantsearch@7 packages (formerly named react-instantsearch-hooks) Type: Survey Asking input from the community on a feature and removed Library: React InstantSearch < 7 Issues in any of the react-instantsearch@6 packages labels Jan 24, 2023
@marina54636
Copy link

Is there a possibility that this feature will be realized in the next few weeks?

The reason I ask is that we are trying to develop this feature in-house.
However, if there is a chance that it might be developed within the next few weeks, it would be unfortunate.

If it is completely undecided, I will inform the developers and consider starting the in-house development.

@Haroenv
Copy link
Contributor

Haroenv commented Jul 26, 2023

We are not currently working on implementing this, but you can definitely look into the implementation in React InstantSearch for inspiration: https://github.com/algolia/react-instantsearch-widget-color-refinement-list

@dhayab
Copy link
Member Author

dhayab commented Jul 26, 2023

There's also a React InstantSearch Hooks version that was made for a live coding example, relying on useRefinementList(). You can check out the code here as a starting point for your own implementation: https://github.com/algolia-samples/storefront-demo-nextjs/blob/main/components/ColorRefinementList.tsx.

@spacecat
Copy link

This is pretty common stuff in the e-commerce world. IMO it should not be a matter of if but when. Btw, I'm also about to build a color refinement list using Algolia Instantsearch React version 7.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Library: React InstantSearch ≥ 7 Issues in any of the react-instantsearch@7 packages (formerly named react-instantsearch-hooks) Type: Survey Asking input from the community on a feature
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@dhayab @spacecat @sarahdayan @Haroenv @marina54636