In order to change color filter options from list view to boxes or swatches, let's first take an overview of these three types:
Display type List:
Display type "List" is an option which allows the filter options values to appear as list of checkboxes. The number of products count for each filter option appears on right side.
Display type Boxes:
Display type "List" is an option which allows the filter options values to appear as boxes. However, the number of products count for each filter option doesn't appear on right side.
Display type Swatches:
Display type "Swatch" is an option which is available to only color filter and allows the color filter options values to appear as swatches. You can fill the color swatch circle with solid color or image.
How to change color filter from list to boxes or swatches?
1. From your Shopify admin, go to Apps and select Advanced filters and search application, then go the filter tab and Click on edit icon of the relevant filter tree.
2. Go to the color filter option and Click on Edit icon, a popup will appear.
3. In the popup, under the "Option display" you will see List, Box and Swatch as option values, Please select the suitable option value according to your requirements, then Click on add button.
4. Click on update filter tree button.