Language selector block only to display flags & order

[Ludacris]

Hey all, I recently started dabbling around with PrestaShop 8.x and ran into few questions with few addons, hoping to find answers here.

 

How can I display language flags instead of having them written out?

I would like to lose the drop-down solution and instead have flags displayed side-by-side with their respective language. (In this case Estonian and English)

[Knowband Plugins]

Check this thread. 

 

[Ludacris]

This is the design I was going for:

Managed to fix it by creating custom .css with ChatGPT to the theme's ps_languageselector.tpl. Still trying to figure out how to make this mobile friendly. Was thinking just adding the same block to the footer since header is getting covered mostly by the logo and rest of the buttons on phone.

[Knowband Plugins]

You can move the things in the left drawer if possible. Otherwise, you need to create the "..." icon, and clicking on the same should display these icons, but for both the changes, you need to make changes in the tpl file as well as in the CSS.

 

[El Patron]

 

I suggest change  'flag' to Deliver to: display flag  or better to display country name.....use geo targeting (localization) so correct flag/text country name is correct...

So Delivery to: United States for example.

This is best visitor shipping experience, that they have confidence you deliver to their country on landing.

for language, you can update  by country  default language or use (preferable) https://app.screencast.com/AOkyxfceztoSD

modules are not our main business so  excuse lack  of  demo, but we built this module some years ago to use in client shops.  

https://prestaheroes.com/collections/international-growth-solutions/products/geo-visitor-shipping-assurance

you can see here on one of our client shops

https://calligraphyartsuk.com/en-gb/

also note in client shop the url, wrote it about 6 years ago...it's standard for international  shops,  we only sold one....looool

https://prestaheroes.com/collections/international-growth-solutions/products/advanced-shop-url-localization?variant=40653347881167