Shopify themes, liquid, logos, and UX
Hello everyone
I change my theme to Dawn and add a language to the theme. Now I want to move the language selector from the footer to the header.
Is there any solution for this?
Please share screenshot what do you want !
Thanks!
You would have to edit the code of the theme to achieve something like that. You need to look into the footer section file of the theme, find the section that generates the language selector and copy it to the header section file.
The code will look something like this:
{% form 'localization' %}
<select name="country_code">
{% for country in localization.available_countries %}
<option value="{{ country.iso_code }}"
{%- if country == localization.country %} selected="selected"{% endif %}
>
{{ country.name }} ({{ country.iso_code }}) - {{ country.currency.symbol }}
</option>
{% endfor %}
</select>
<input type="submit" value="Update">
{% endform %}
Alternatively, if you're just starting out and did not put too much work in customizing the theme yet, you can checkout an app we made called Sktch.io Theme Builder, the sample theme is very similar to the Dawn theme and for customizations like the one you want are done easily by dragging the language form from the footer directly to the header (in the navigator panel).
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024