Setting up Product Labels in Search Results Widget on Shopify

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

Below is an example of Discount Labels and In-stock Labels in the Search Results Widget:

Setting up Product Labels in Search Results Widget on Shopify

In this article, you learn how to adjust product labels in the Search Results Widget. To do so in the Instant Search Widget, look for the instructions here.

Discount Labels

You can add Discount Labels to products sold with discounts in the Search Results Widget. See the example above.

To do so, follow these steps:

  1. Go to the Smart Search & Filter control panel > Search results 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 > Search Results Widget tab > Labels part > Discount Label Text text box. If you enter the [discount] parameter into the text box, it will be replaced with the actual product discount in the widget.

In-stock Labels

You can add In-stock Labels to products in your store to show their availability to customers: in-stock, pre-order, out-of-stock. See the example above.

To do so, follow these steps:

  1. Go to the Smart Search & Filter control panel > Search results widget section > Product Labels tab > In-stock label part.
  2. Select Show label setting.
  3. Optionally, edit the text of the labels in the corresponding fields.
  4. Apply the changes.

You can also translate the in-stock labels in the Smart Search & Filter control panel > Translations section > Search Results 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 > Search results 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. Label type – you can show labels as text or images.
    3. Text – enter the text which will serve as the label, if you select the Text label type.
    4. Background color – enter or select the background color of the label, if you select the Text label type.
    5. Image – select the image to show, if you select the Image label type. You can choose between 2 ready-made label images (New and Sale) and your own image. To add your own image you’ll need to insert the image URL to the corresponding field.
    6. Position – select the place where you want to show the label.
      Note

      If the discount labels or in-stock labels are also active, only one of the labels can be shown in the position. Labels by Tags have a higher priority than discount labels and in-stock labels have a higher priority than labels by tag.

  4. Click the Save label button in the top-right corner.
Setting up Product Labels in Search Results Widget on Shopify

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

Setting up Product Labels in Search Results Widget on Shopify

Editing labels

Steps:

  1. Go to the Smart Search & Filter control panel > Search results 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 > Search results 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.

Product Labels can be customized further with the help of the Custom CSS feature. In case you need help with that, feel free to contact us. Our support team will gladly help customize them the way you want.

Enjoying your experience with Searchanise?

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

Updated on June 3, 2022

Was this article helpful?

Related Articles

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