What's your biggest current challenge? Have your say in Community Polls along the right column.

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

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

NikoEbinuma
Visitor
2 0 0

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!

Replies 3 (3)

PaulMartin
Shopify Partner
624 60 146

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.

PaulMartin_1-1728118300130.png


Feel free to ask questions if you have any 👍

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
NikoEbinuma
Visitor
2 0 0

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
Shopify Partner
624 60 146

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. 

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ