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 (Smart Search & Filter) control panel > 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.

Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review. To do so, follow the link to your respective platform below:

Updated on July 20, 2022

Was this article helpful?

Related Articles

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