Instant Search Widget: Product Labels in Shopify stores Print

Modified on: Mon, Nov 29, 2021 at 12:10 PM


Product Labels feature allows you to show eye-catching labels for products in search results.

Below is an example of discount labels in the Instant Search Widget:

In this article, you learn how to set up product labels in the Instant Search Widget. To set up product labels in the Search Results Widget, see the instructions here.

ON THIS PAGE YOU'LL FIND

Discount Labels

You can add discount labels to products sold with discounts in the Instant Search Widget. See the example above. 

To do so, follow these steps:

Note
Discount label overrides the Show compare at price option (Instant search widget section > Content tab > Products part) which allows showing original product price compared with discount product price.
  1. Go to the Smart Search & Filter control panel > Instant search widget section > Product Labels tab > Discount label part.
  2. Select Show label setting.
  3. Optionally, change the background color of the discount label.
  4. Apply the changes.

You can also edit the text of the discount label in the Smart Search & Filter control panel > Translations section > Instant Search Widget tab > Labels part > Discount Label Text text box. If you enter the [discount] parameter in the text box, it will be replaced with the actual product discount.

In-stock Labels

You can add in-stock labels to products in the Instant Search Widget to show their availability to customers: in-stock, pre-order, out-of-stock. 

To do so, follow these steps:

  1. Go to the Smart Search & Filter control panel > Instant search widget section > Product Labels tab > In-stock label part.
  2. Select Show label setting.
  3. Apply the changes.

You can also edit the text of the in-stock labels in the Smart Search & Filter control panel > Translations section > Instant Search Widget tab > Labels part.

Labels by Tags

You can set up custom labels for products based on their tags to highlight certain products in search results.

Adding labels

Steps:

  1. Go to the Smart Search & Filter control panel > Instant search widget section > Product Labels tab > Labels by tag part.
  2. Click the + button.
  3. Set up the label options:
    1. Product tag - enter a product tag into the text box.
    2. Text - enter a text which will be displayed as the label.
    3. Background color - enter or select the background color of the label.
  4. Click the Save label button in the top-right corner.

That's it. The label by tag has been added and is now displayed in the Instant Search Widget.

Editing labels

Steps:

  1. Go to the Smart Search & Filter control panel > Instant search widget section > Product Labels tab > Labels by tag part.
  2. Click the Edit link next to the label you want to edit.
  3. Edit the label options.
  4. Click the Save label button in the top-right corner.

Deleting labels

Steps:

  1. Go to the Smart Search & Filter control panel > Instant search widget section > Product Labels tab > Labels by tag part.
  2. Select the Delete checkbox next to the label you want to delete.
  3. Click the Delete selected button.
  4. Confirm.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.