How to add text to prices in Instant Search Widget

This article is general for Shopify, BigCommerceWix, WooCommerce, Magento 1, Magento 2, CS-Cart.

Using the Custom CSS feature, you can add text to the product price in the Instant Search Widget. For example, you can add the “from” text before the product price:

How to add text to prices in Instant Search Widget

To do that, follow these steps:

  1. Go to the Searchanise Search & Filter control panel > Search & Navigation > Instant search widget section > Custom CSS & HTML tab.
  2. Switch on the Custom CSS setting if it is disabled.
  3. Enter one of the following CSS rules into the text area, changing the content value:
    1. The text before the product price:
      .snize-price:before {
         content: "from ";
      }
    2. The text after the product price:
      .snize-price:after {
         content: " inc tax";
      }
  4. Apply the changes.

That’s it. The product price is displayed now with the additional text in the Instant Search Widget.

Updated on November 9, 2023

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

We are sorry that this post was not useful for you

Let us improve this post!

Please tell us how we can improve this post

Related Articles

Back to top