How to add language flag selector on the right side of cart

[NikoEbinuma]

I couldn't figure out how to add a flag selector to change language of the website.

Currently using translate and adapt to  translate the website but it only gives me an option to
put the language selector on  footing. Kindly let me know if anyone knows a solution.
Thank you!

[PaulMartin]

Hi Niko,

Shopify has a basic guide for developers to create a basic language selector: Support multiple currencies and languages (shopify.dev). But it will look like the one you already have. In order for it to look like (image below), you'll need to add extra elements and styling to make it happen.

Feel free to ask questions if you have any 👍

[NikoEbinuma]

Hi Paul, 

Thank you for you for sharing the link. 
I went through them and for the life of me still couldn't find a solution. ><

May I ask what extra elements and  styling are needed?

[PaulMartin]

Hi Niko,

The link was a starter in creating a language selector. It's not the exact solution to your problem. Sorry I didn't make this clear in my previous comment. 

Are you comfortable with coding? If you are, you can use hampusborgos/country-flags: SVG and PNG renders of all countries' flags. (github.com) as your source of SVGs/PNGs to use. Then with the use of CSS Flex + a parent container, you should be able to add country flags to your language selector. 

If you're not comfortable with coding, your best route is to hire a developer to do this for you.