Adding flags to the language selector

Store Design
, ,

Topic summary

A user wants to add flag icons to their language selector in the Trade 15.2.0 theme to help visitors identify the language switcher more easily.

Solution Provided:

  • Insert custom CSS code into the theme.liquid file, just above the closing </body> tag
  • Access via: Online Store → Edit Code → theme.liquid

Follow-up Issue:

  • The flags now appear only when clicking the language selector dropdown
  • User wants the currently selected language/country flag to display persistently in the closed state

Status: The initial implementation is partially working, but the desired behavior (showing the active flag before interaction) remains unresolved. Further CSS or theme customization may be needed to display the selected language flag by default.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hey,

How do you add flags to the language selector so that the people that don’t understand the current shop language, can see that the language selector is where the flag is?

Ali_09_0-1738153688372.png

Trade 15.2.0 theme store.

2
  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

3

Hey,

i can see that it isn’t there but only, when i click on the language.

Ali_09_0-1738159437346.png

Ali_09_1-1738159539271.png
Ali_09_1-1738159539271.png658×189 19.9 KB

can i do so that the language / country i choose is always there on the first picture?

thank you!