The app creates filters based on the product attributes that have the Use in Layered Navigation setting switched on. So to set up color and size filters in the app, you need to add the respective product attributes for color and size in Magento 2 admin panel.
You can change the appearance of filter values from default text to:
- text in frames for size filters
- color swatches for color filters
To show colors as color swatches, all colors have to be assigned to a Color Family.
To change the filter’s appearance, follow these steps:
- Go to Filters > Filter list > Filters tab.
- Click the pencil icon next to the filter you need to modify.
- Go to the Settings tab.
- Select color appearance for color filters and size appearance for size filters in the Appearance option.
- Click the Save changes button.
We’d appreciate it if you could take some time to leave a review.