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).
User | RANK |
---|---|
212 | |
150 | |
69 | |
46 | |
40 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023