What's your biggest current challenge? Have your say in Community Polls along the right column.

How to move the language switcher to header or menu in Dwan Theme

How to move the language switcher to header or menu in Dwan Theme

AMOne
Visitor
2 0 0

question.png

I want to add language switch in red circle, how to add? Please help thank you

 

My website is https://eccellenzagroup.com

Replies 7 (7)

richbrown_staff
Shopify Staff
652 96 167

Hi @AMOne . As you are using Dawn this is actually possible to request as part of each paid Shopify account's 60 minutes of design time from Shopify Theme Support: 

 https://help.shopify.com/en/manual/online-store/themes/theme-support/theme-support-customization#add...

To learn more visit the Shopify Help Center or the Community Blog.

Ujjaval
Shopify Partner
1242 197 213

@AMOne Just put language selector code in your desire location where you want to add.
Look into the below picture i have added.

Ujjaval_0-1678781044979.png

 

Transcy
Shopify Partner
285 19 87

Hello @AMOne ,

 

To move the language switcher to the header or menu in the Dawn theme on Shopify, you can follow these steps:

  • Go to Online store > Themes-> Actions -> Edit code -> Sections
  • Click on the "header.liquid" file to open it.
  • Scroll down to the section of the code that contains the language switcher code. This should look something like this:
{% if settings.language_dropdown %}
  {{ 'layout.nav.language_dropdown' | t }}
{% endif %}
  • Cut this code by highlighting it and pressing "Ctrl + X" (or "Command + X" on a Mac).
  • Scroll up to the top of the file and find the section of code that contains the main header navigation. This should look something like this:
<div class="header-nav">
  {% section 'header-nav' %}
</div>
  • Paste the language switcher code immediately above this section of code, like this:
{% if settings.language_dropdown %}
  {{ 'layout.nav.language_dropdown' | t }}
{% endif %}

<div class="header-nav">
  {% section 'header-nav' %}
</div>
  • Save your changes

Hope these can help.

 

Have a nice day,

Transcy

Transcy - The #1 Translation and Currency Converter
- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
TerezaK
Visitor
1 0 0

Hi @Transcy , will the same procedure be used for the Debut theme?

Transcy
Shopify Partner
285 19 87

Hello @TerezaK ,

 

Yes, the procedure will be the same. 

Transcy - The #1 Translation and Currency Converter
- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
Mugglemediamagi
Shopify Partner
1 0 0

Hey @Transcy would the procedure be same for Empire theme or more precisely if i want to move the selectors up from the utility bar?

Would really appreciate your feedback. Thank you!

AndrejG1994
Visitor
1 0 0

Could you explain how can I get this switcher to header, if my current theme (dawn) have it on footer?

there is absolutelly no code regarding language (not even language word) in header.liquid file. Only in footer. Probably worth mentioning I use sticky header.