• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 10.12.19, 21:46
  • Opened by: bruno fuks
  • Closed by: Fred
  • Closed on: 31.12.19, 08:57
  • Reason: Closed
  • Comment: Glad to help!

Ticket #16421 - change languages selector icon

How i can change this icon by a flag icon ?

Attachments:

78838552_635964803604639_5871... (2 KiB)

Comments

Fred 11 Dec 2019, 11:20

How to manage SVG icons you can find here https://alysum5.promokit.eu/promokit/documentation/#svg

You need this file /themes/alysum/modules/ps_languageselector/ps_languageselector.tpl to edit

bruno fuks 26 Dec 2019, 23:11

I tried to follow the procedure indicated in the documentation but without success. Can you please tell me the step-by-step procedure to change the language selector logo to this one (https://www.flaticon.com/free-icon/language_2014517?term=languages&page=1&position=43)

big thanks

Attachments:

Capture d’écran (207).png (367.5 KiB)
Fred 27 Dec 2019, 12:29

Here is step by step procedure:
1. Open the file /themes/alysum/templates/_partials/svg.tpl
2. find “facebook” icon, it looks like this:

<symbol id="si-facebook" viewBox="0 0 288.861 288.861">
<path d="M167.172,288.861h-62.16V159.347H70.769v-59.48h.....">
</symbol>
			

3. Find new icon, for example here: flaticon.com
4. Download it and open in any Text Editor
5. Copy all code between “<svg>” and “</svg>” tags
6. Paste it into the file svg.tpl between “<symbol id=”si-facebook” viewBox=”0 0 288.861 288.861”>” and “</symbol>” 7. Copy SVG dimensions

<svg viewBox="0 0 27.965 27.965">

7. and update them in symbol tag like this

<symbol id="si-facebook" viewBox="0 0 27.965 27.965">
bruno fuks 27 Dec 2019, 17:10

here’s the code I get from the svg file but there’s nothing between “<svg>” and “</svg>”

Attachments:

Capture d’écran (211).png (303.3 KiB)
bruno fuks 27 Dec 2019, 19:41

here’s the code I get from the svg file but there’s nothing between “<svg>” and “</svg>”

Attachments:

Capture d’écran (211).png (303.3 KiB)
Fred 27 Dec 2019, 20:52

send me your icon, I’ll add it for you

bruno fuks 27 Dec 2019, 20:58
Fred 27 Dec 2019, 23:37

I just add it to the file, now the icon available with the name “lang2” and you can add it whenever you want.

bruno fuks 27 Dec 2019, 23:50

thanks but what should I add to make it appear instead of the globe logo of the language selector please?

Fred 28 Dec 2019, 11:48

Open the file /themes/alysum/modules/ps_languageselector/ps_languageselector.tpl, fine current icon and replace with the new one

bruno fuks 28 Dec 2019, 13:15

I try it but it doesn’t work

Fred 28 Dec 2019, 13:33

you seems have some cache, try to disable it

Fred 28 Dec 2019, 14:11

Now all is fine, I have disabled your cache by myself https://take.ms/7EcZ8

bruno fuks 29 Dec 2019, 12:45

Hello, I made a mistake on the logo to put. Can you please replace the current logo of the language selector by this one. I sincerely apologize for the inconvenience, sorry.
thanks!
https://www.flaticon.com/free-icon/language_2014517?term=languages&page=1&position=43

Attachments:

language (1).svg (4.6 KiB)
Fred 29 Dec 2019, 21:35

Done

bruno fuks 29 Dec 2019, 21:41

thanks you are the best

Fred 29 Dec 2019, 21:45

you are welcome.
Please support out theme if you like it and our service. You could rate it here http://themeforest.net/downloads