Language selector

[krzysztofwolski]

What I'm trying to achieve

Have a way to select the language for the storefront.

Definition of Done

• modal for language selector should be working both on mobile and desktop
• footer displays currently chosen language
• clicking on change located in footer launches language selection modal
• as default use the English language - we'll switch to browsers default language when translations will be complete
• when language is changed, save this preference in localStorage

Screenshots or mockups

Desktop design for the modal window:

Mobile design for the modal window:

Design for footer section:

Figma:
https://www.figma.com/file/l4s9dKj8Ch356prygQAxrv/STOREFRONT-CHANGE-LANGUAGE?node-id=0%3A1

Flag icons:
https://github.com/yammadev/flag-icons

[krzysztofwolski]

Note: We are going to use flags as language icons in the initial implementation of this modal. Later on, it will be modified and we will also introduce region (country) selection where the footer flag icon will be moved.

For curious, why flag !== language:
https://localizejs.com/articles/why-using-flag-icons-can-confuse-your-users/

[przlada]

@krzysztofwolski thanks for materials. I'll try to tackle this "Language selector" feature next week because now I'm in the middle of model translations.

[goldenMetteyya]

hi has progress been made on this ?

[przlada]

Not yet, it is still work in progress. Unfortunately, I couldn't find time for it this week. I plan to make PR next week

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[maarcingebala]

Not stale I guess? cc @krzysztofwolski

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.