How to change footer buttons - by morserus

This topic has 6 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Jack Richardson

  • Avatar: morserus
    morserus
    Participant
    November 1, 2016 at 21:32

    hi there. I want to change some of the footer buttons(remove some, edit the link for others) but I cant find where to do it.

    I figured that the footer i created as a static block, but when I access that I get a bunch of codes that dont say much to me.

    for example, for the share buttons I believe this is the line that controls it.

    ***<div style=”text-align: center; margin: 5px;”>[share class=”larger”]</div>***

    … and that shows at my homepage five share buttons (twitter, facebook, pinterest, g+ and email), but I dont what all those buttons, and also I would like to know how can I change the link for those social midias buttons since they send nowhere.

    Thx

    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 2, 2016 at 09:48

    Hello,

    You need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product” in line 1965), to change links you need edit the code, for example for Twitter <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ETHEME_DOMAIN).'" target="_blank"> and replace https://twitter.com/share?url='.$permalink.'&text='.$post_title.' with a link to your Twitter account.
    To remove some icons delete/comment the code of the icon you don’t need.

    Best regards,
    Jack Richardson.

    Avatar: morserus
    morserus
    Participant
    November 4, 2016 at 17:20

    There is no code at wp-content/themes/royal/framework/shortcodes.php for instagram or other social medias. Am I limited there to the ones avaiable or can I add new ones? And how, if I can add new ones, will the icon look like (will it look like the other ones?)

    Thx

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 4, 2016 at 20:08

    Hello,

    You need add new code for Instagram icon in wp-content/themes/royal/framework/shortcodes.php file after line 2060::

    if($instagram == 1) {
    $html .= '
    <li>
    <a href="http://url_to_your_Instagram_page" class="'.$tooltip_class.'" title="'.__('Instagram', ET_DOMAIN).'" target="_blank">
    <i class="ico-instagram"></i>
    <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
    <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
    </svg>
    </a>
    </li>
    ';
    }

    and

    'instagram' => 1, after line 1979.

    Best regards,
    Jack Richardson.

    Avatar: morserus
    morserus
    Participant
    November 4, 2016 at 22:25

    Thank you very much.

    Now at another topic. How can I translate the theme? Can I use a plugin like loco translate or should I use another method?

    Thx

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 5, 2016 at 10:06

    Hello,

    You can use Loco Translate. Also you can translate the theme using PoEdit program as described in the documentation https://www.8theme.com/demo/docs/royal/#!/1_how_to_translate

    Best regards,
    Jack Richardson.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.