Change color swatch shape & size

✨By default, color swatches appear as squares (32x32 px) in your filter sidebar. If you'd prefer to show them as circles, you can easily change this setting in the app.


🛠️ Steps to Change Swatch Shape

  1. Open the Smart Product Filter & Search app.

  2. In the left sidebar, click on Filter.

  3. Open the filter tree that includes your color filter option you want to adjust.

  4. Click the Edit icon (pencil) next to it.

  5. Scroll down to the Swatch Settings section.

  6. Look for the Swatch Size dropdown.

  7. Choose a swatch size as needed.

  8. Look for Swatch Shape.

  9. Choose either:

    • Circle

    • Square

  10. Click Save to apply the changes.


✅ Done!

Your color swatches will now appear in the selected shape on your store’s filter sidebar.


💬 Need Help?

If you're not seeing the changes or need help customizing further, feel free to reach out: 📩 [email protected]

Last updated