Hi ! I would like to show the Language and City selector in the header instead of in the footer. Can someone help me modify the code?? I use Dawn theme.
Topic summary
A user wants to relocate the language and country selector from the footer to the header in Shopify’s Dawn theme.
Current Situation:
- The user found localization code in their
footer.liquidfile but is uncertain how to proceed - The existing code shows both country selector (with currency display) and language selector implementations
- Both selectors are currently configured within the footer section with
enable_country_selectorandenable_language_selectorsettings
Technical Details:
- The code includes both JavaScript and no-JavaScript fallback versions
- Uses Shopify’s
localizationform with dropdown disclosure patterns - Displays country names with currency codes and language options
Status:
The discussion remains open with no solution provided yet. The user needs guidance on modifying the theme code to move these selectors to the header section.
I dont have this code in the footer.liquid file ?? ![]()
Here is what I can find that talk about language selector or country selector :
{%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%}
{%- form 'localization', id: 'FooterCountryFormNoScript', class: 'localization-form' -%}
{{ 'localization.update_country' | t }}
{%- endform -%}
{%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
{%- endform -%}
{%- endif -%}
{{ 'localization.update_language' | t }}
{%- endform -%}
{%- form 'localization', id: 'FooterLanguageForm', class: 'localization-form' -%}
{%- endform -%}
{%- endif -%}
{{ 'localization.country_label' | t }}
{% render 'icon-caret' %}{{ 'localization.country_label' | t }}
{{ localization.country.name }} ({{ localization.country.currency.iso_code }} {{ localization.country.currency.symbol }})
{% render 'icon-caret' %}
-
{%- for country in localization.available_countries -%}
- {{ country.name }} ({{ country.currency.iso_code }} {{ country.currency.symbol }}) {%- endfor -%}
{%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}
{%- form ‘localization’, id: ‘FooterLanguageFormNoScript’, class: ‘localization-form’ -%}
{{ 'localization.language_label' | t }}
{% render 'icon-caret' %}{{ 'localization.language_label' | t }}
{{ localization.language.endonym_name | capitalize }}
{% render 'icon-caret' %}
-
{%- for language in localization.available_languages -%}
- {{ language.endonym_name | capitalize }} {%- endfor -%}
{%- if section.settings.payment_enable -%}
{{ 'sections.footer.payment' | t }}
{%- endif -%}-
{%- for type in shop.enabled_payment_types -%}
- {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }} {%- endfor -%}