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

Was this article helpful?

Related Articles

Back to top