How to show option swatches in Search Results Widget on Shopify

You can show option swatches of product variants in product cards in the Search Results Widget. The option swatches are displayed as:

  • Color swatches for color options
    Important info

    To show colors as color swatches, all colors have to be assigned to a Color Family. If a color value is not assigned to any Color Family, a drop-down list with color text values will be displayed instead of color swatches.

  • Size swatches for size options – text in frames
  • A drop-down list for other options

How to show option swatches in Search Results Widget on Shopify

To show option swatches, follow these steps:

  1. Go to the Smart Search & Filter control panel > Search results widget section > Content tab.
  2. Select the Display option swatches option.
  3. Apply the changes.

How to show option swatches in Search Results Widget on Shopify

That’s it. The option swatches are now displayed in the Search Results Widget on the storefront.

Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review.

Updated on March 23, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Back to top