Dawn OS 2.0 moving country/currency selector to header?

Store Design
1

Hello,

Has anyone managed to move the currency and country(language) selector from the footer to the header in O.S. 2.0 Dawn (v4.0.0)?

I saw another post here from november about copying the code from the footer.

https://community.shopify.com/topic/1376067

Now I did find the code in the footer that handles the currency & country selectors, but plainly copying them over to the header.liquid didn’t work at all.

Perhaps I am putting it at the wrong block.

Did anyone try moving it and succeeded?

Thank,

Etienne

2

@etienne21

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@etienne21

This is code customization work Please hire or contact to Shopify Expert.

Thanks!

4

Hi @etienne21 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

Thanks,

I am working in a separate theme as I am working on upgrading from the old Debut to Dawn 2.0

So I have a preview link:

https://y82jcxtnhmtuppnt-56436523191.shopifypreview.com

In debut I managed to get the currency/country to the header.

Thanks,

Etienne

6

also please share live store url

7

www.tpaviationart.com

8

I added to header.liquid under

the following code now, I removed the header titles:

This works so far, but so far the menu goes up, and not down and secondly I am looking to changing this into the flags instead of text.

Work in progress.

9

Hi @etienne21 ,

Go to Assets > disclosure.css and paste this at the bottom of the file:

.disclosure__list-wrapper {
    bottom: auto !important;
}

Hope it helps!

10

Thanks @LitCommerce that did the trick, I was already messing around with margin inside section-footer.css but this is way better.

Another step done :slightly_smiling_face:

On to the flags.

11

Hi @etienne21 ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

12

Hi @etienne21 ,

With flags: Dawn theme currently does not support this, if you want you need to customize it:

  • Step 1: Upload flag image files at Assets. Please name the file according to the name of the country, you can add ‘icon-’ to distinguish it, ex:

  • Step 2: Change code here:

Screenshot.png
Screenshot.png1255×510 45.6 KB

Code:

{%- for country in localization.available_countries -%}
{% assign nameFlag = country.name | downcase | strip | replace: ' ', '-' | append: '.png' %}
- ({{ country.currency.iso_code }} {{ country.currency.symbol }})
  

{%- endfor -%}

Hope it helps!

13

Hi @etienne21 ,

I saw you liked my answer. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

14

Hi @LitCommerce

I moved the currency selector to my header, and added the code to Assets > disclosure.css as you suggested, but the menu still goes up and not down. I am also on Dawn but on a draft theme. Would there be some other code that I could try?

Thanks for any help!

15

Hi @Smeelah ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

16

No Worries @LitCommerce

I edited a newer version of Dawn and planned to send you a link but now it works. Go figure;)

17

That worked for me too! I’m using ride theme, however the writing is now outside of the box. any fixes? Thanks

shopify.jpg
shopify.jpg3024×4032 1.34 MB

18

Hi @jan87 ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

19

@jan87

I had the same issue for the US and UK and would love to know the correct way to change it. In the meantime, I removed the currency symbol from the drop down menu and that helped. I found it in the localisation form section of header.liquid.

20

Hi,

Can you give me your code in “header.liquid” file?

Please help me.