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

Color refinement list for InstantSearch.js #5137

Open
dhayab opened this issue Oct 12, 2022 · 1 comment
Open

Color refinement list for InstantSearch.js #5137

dhayab opened this issue Oct 12, 2022 · 1 comment
Labels
Library: InstantSearch.js Issues in instantsearch.js Type: Feature 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 InstantSearch.js.

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.

@aayoubi
Copy link

aayoubi commented Nov 30, 2022

Commenting on behalf of a prospect, they'd like to implement visual facets through a similar widget with vanilla js (on their custom Magento theme). Today they've built the following:

image

@dhayab dhayab added the Library: InstantSearch.js Issues in instantsearch.js label Dec 21, 2022
@dhayab dhayab changed the title Color refinement list Color refinement list for InstantSearch.js Jan 20, 2023
@Haroenv Haroenv added the Type: Survey Asking input from the community on a feature label Jan 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Library: InstantSearch.js Issues in instantsearch.js Type: Feature Type: Survey Asking input from the community on a feature
Projects
None yet
Development

No branches or pull requests

3 participants