How to show product/variant metafield values in the widgets on Shopify

If you use Shopify Metafields for your products, you can show one of them in the Instant Search Widget or Search Results Widget as an additional product field. To do so, follow these steps:

Instant Search Widget

Step 1. Add product fields based on metafields in the app

Add a metafield for search  (Apply to = Search) according to the instructions here, if you haven’t done this yet.

Step 2. Show a product metafield value in the Instant Search Widget 

1. Go to the Searchanise Search & Filter control panel > Search & Navigation > Instant search widget section > Content tab.
2. Select the metafield you want to display in the widget in the Additional product field drop-down list.
3. Apply the changes.

That’s it. The metafield is shown as an additional product field in the product cards in the Instant Search Widget on the storefront.

You can set the label for the field in the Searchanise Search & Filter control panel > Translations & Texts section > Instant Search Widget tab > Additional product field text box.

Search Results Widget

Step 1. Add product fields based on metafields in the app

Add a metafield for search  (Apply to = Search) according to the instructions here, if you haven’t done this yet.

Step 2. Show a product metafield value in the Search Results Widget

1. Go to the Searchanise Search & Filter control panel > Search & Navigation > Search results widget section > Content tab.
2. Select the metafield you want to display in the widget in the Additional product field drop-down list.
3. Apply the changes.

That’s it. The metafield is shown as an additional product field in the product cards in the Search Results Widget on the storefront.

You can set the label for the field in the Searchanise Search & Filter control panel > Translations & Texts section > Search Results Widget tab > Additional product field text box.