How do i add a flag icon next to language selector Be Yours Theme

Store Design
, ,
1

Hi does anyone know how to add a flag icon next to each language in the language selector?

website url is :https://www.almadeportugal.com/

Ola32_0-1711023461168.png
Ola32_0-1711023461168.png435×300 8.45 KB

2

Hi @Ola32 ,

Follow these Steps:

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

Result:

theycallmemakka_0-1711028687967.png
theycallmemakka_0-1711028687967.png1887×342 42.8 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
3

Hi thanks you so much it worked perfectly , if its not asking to much do you know how to replace the little planet icon with the current selected language (also what is the url for the uk flag if you dont mind sharing)

Ola32_0-1711031843040.png
Ola32_0-1711031843040.png340×261 11.4 KB

4

Hi @Ola32 ,

It is not possible to update it with CSS. We will have to update the base code to make this changes.
There is no such selectors related to language which we can target with CSS.

theycallmemakka_0-1711032009464.png
theycallmemakka_0-1711032009464.png1540×685 97.6 KB

And to update the flag, you can replace the old code with this new one
1 Like
5

Hi @Ola32 ,

Use this updated code to change USA flag to UK
1 Like
6

Thanks so much for the help

7

Hello, I can’t seem to find the code for the Greek flag, could you help me please? Thank you and Merry Christmas!

8

If anyone is still looking for an easy and elegant solution for this with no coding, you can try this app: https://apps.shopify.com/markets-menu-with-flags