how to remove inr from price filters?

Store Design
, , , , , , ,
1

how to remove INR from price filters? ONLY WANT to keep rupees symbol

URL : https://a6b804-0a.myshopify.com/collections/bellay-descent

Screenshot 2024-09-23 235218.png
Screenshot 2024-09-23 235218.png1162×903 94.2 KB

2

Hey there,

To remove the “INR” from price filters and only keep the rupees symbol, follow these steps:

  1. Go to Theme Code:

    • In your Shopify Admin, go to Online Store > Themes.
    • Find your current theme and click Actions > Edit Code.

  2. Add Custom CSS:

    • In the left-hand sidebar, search for base.css (or a similarly named file like theme.css).
    • Scroll to the bottom of the file and add the following CSS:
/* Hide the INR text */
.input-prefix .prefix {
  display: none !important;
}

/* Center-align digits and adjust input */
.input-prefix .field {
  text-align: center !important;
  width: 60px !important;
  padding: 5px !important;
}

/* Optional: Remove spinner buttons for cleaner look */
.input-prefix .field::-webkit-outer-spin-button,
.input-prefix .field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-prefix .field {
  -moz-appearance: textfield;
}

This will hide the “INR” text and adjust the alignment and appearance of the price filter input fields. Let me know if you need any further assistance!

Cheers!
Shubham | Untechnickle

3

Rupee Symbol Also Got Disappeared

4

No worries. Let’s handle this scenario the other way and not use any CSS. Please remove the CSS that you’ve added and follow the steps below:

Step 1: Access the Theme Code1. From your Shopify Admin, go to Online Store > Themes.

  1. Next to your published theme, click on Actions > Edit code.

Step 2: Locate the price-range.liquid Snippet1. In the code editor, look for the Snippets folder on the left panel.

  1. Locate the file named price-range.liquid and click to open it.

Step 3: Modify the Currency Symbol1. In the price-range.liquid file, search for the line where {{ cart.currency.symbol }} is used. You can find this around lines 33 and 40. Instead of using {{ cart.currency.symbol }}, hardcode the ₹ symbol.

TheUntechnickle_0-1727169641753.png
TheUntechnickle_0-1727169641753.png2048×1122 335 KB

  1. Update the lines as follows:
₹

You’ll find two instances where the currency symbol is being displayed (for the “from” and “to” inputs). Make sure to update both.

Before:

{{ cart.currency.symbol }}{% if settings.currency_code_enabled %}{{ cart.currency.iso_code }}{% endif %}
​

After:

₹

Step 4: Save Your Changes

After you’ve replaced the {{ cart.currency.symbol }} with ₹ in both locations, click the Save button in the top right corner.

Step 5: Preview Your Changes

Feel free to ask any further questions or share if you encounter issues during the process!

Cheers!
SV | Untechnickle