Shop Categories

X

Translate social button

Home Forums Agama Pro Translate social button

Topic Resolution: Resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #13434
    Bart De Cock
    Participant

    I want to translate the social button in the right upper corner (Phone) to Telefoon.
    When I do that with loco translate the icon of the phone is gone and when I hover over the space where the icon should be it is a weird color that displays the hover text.
    At the moment I cannot show this as I develop local.

    #13435
    Zex
    Moderator

    Hello, Bart De Cock!

    Please follow the next steps to solve your problem:

    1. Translate the button from “Phone” to “Telefoon” using Loco translate plugin.
    2. Go to the Customizing->General->Extra menu and insert the following code into “Custom jQuery Footer” text area:

    jQuery("#top-social ul li a" ).toggleClass('tv-telefoon tv-phone');
    jQuery("#top-social ul li a span i " ).toggleClass('fa-telefoon fa-phone');

    https://prnt.sc/ntzs44

    Regards

    • This reply was modified 3 years, 3 months ago by Zex.
    #13438
    Bart De Cock
    Participant

    Thanks!
    That did the trick.
    Do you have the code for the footer Icon as well?

    #13440
    Zex
    Moderator

    Hello, Bart De Cock!

    For the footer Icon, insert additionally the next code at the same place:

    jQuery("#colophon a.telefoon" ).toggleClass('telefoon phone');

    so your code at the end should be like this:

    jQuery("#top-social ul li a" ).toggleClass('tv-telefoon tv-phone');
    jQuery("#top-social ul li a span i " ).toggleClass('fa-telefoon fa-phone');
    jQuery("#colophon  a.telefoon" ).toggleClass('telefoon phone');

    Regards

    #13441
    Bart De Cock
    Participant

    Thanks a lot!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.