Customising Currency Selector - Debut Theme

AbiB
New Member
1 0 0

Hi,

 

I have successfully placed the currency selector in my header instead of the automatic footer in Debut theme however I would like to customise it.

 

AbiB_0-1614964178067.png

 

It would be great to know what code is needed to remove the currency symbol and make the dropdown arrow white, and closer the 'GBP'? I have tried so many things and nothing seems to work!

The code I used for the currency selector was:

In header.liquid

  {% form 'currency' %}
    {{ form | currency_selector }}
  {% endform %}

In theme.js

  function currencyFormSubmit(event) {
    event.target.form.submit();
  }

  document.querySelectorAll('.shopify-currency-form select').forEach(function() {
    this.addEventListener('change', currencyFormSubmit);
  });

 

Thank you!

 

0 Likes
Pallavi
Shopify Expert
1158 151 185

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes