Hide the Currency Picker

• Multi-Currency
• All Versions
• Basic CSS knowledge required
• 10 Minutes

Multi-Currency allows you to set a customer's local currency using geolocation. This gives you the flexibility to hide the currency picker and have your customers only view the currency for their region.

The currency must be added and enabled within Multi-Currency in order for the app to geolocate customers from that currency's region. The app will use the store's default currency if it's unable to geolocate the customer.

Here's how to hide the currency picker from the storefront:

1. From Shopify's admin, select Online Store.

   

2. Select Actions.

   

3. Select Edit code.

   

4. Under "Assets", find bold-currency-picker.css.

   

5. Find the following lines of code:

   .BOLD-mc-picker {
       margin-bottom: 0;
       white-space: nowrap;
       height: 32px; }

   

6. Copy and paste the following code within this class selector:

   display: none;

   

7. Select Save.

   

That's it!

Next Steps:

• Change the Default Currency
• Create Rounding Rules for a Currency
• Test Rounding Rules in Multi-Currency

Blog Posts:

• Sell in multiple currencies on Shopify
• Introducing Multi-Currency Billing for Shopify