How to add text to prices in Instant Search Widget Print

Modified on: Tue, 28 Mar, 2023 at 5:35 PM


This article is general for Shopify, BigCommerce, Wix, 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 Bar & Filters) 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.



Did you find it helpful? Yes No

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