Editing the Top Panel - by Astara - on WordPress WooCommerce support

This topic has 8 replies, 5 voices, and was last updated 8 years, 4 months ago ago by Eva Kemp

  • Avatar: Astara
    Astara
    Participant
    November 21, 2015 at 06:52

    Hi,

    Currently on my website I have a top panel which enables to use different Languages and Currencies, for my purposes this is not required at all: What I need is Social Media Links on the left and newsletter and account info on the top left.

    How am I able to edit those areas?

    Thanks in Advance!!

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 21, 2015 at 08:24

    Hello,

    To use social buttons navigate to Dashboard->Appearance->Widgets and add Text Widgets with [share] content to ‘Left side top bar are’ sidebar.
    Also navigate to Theme Options->Promo Popup and enable promo popup.

    Regards,
    Robert Hall.

    Avatar: Astara
    Astara
    Participant
    November 25, 2015 at 07:24

    Hi Robert,
    Really appreciate your help!

    Is it possible to have those “share” icons actually be directed to our Facebook Pages, Instagram Pages, etc?

    Also Am I able to enter the Newsletter in the top right panel, as seen here: https://www.8theme.com/demo/royal/ ?

    Looking forward to your reply,
    Regards.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    November 25, 2015 at 08:46

    Hello

    1)To add your links to [share] shortcode please edit wp-content/themes/royal/framework/shortcodes.php. Find the section “! Share This Product” and change links.You need to 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 add Instagram icon you need add this code after line 2010 in the same file:

    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 1927.

    2)Please navigate to the theme options->promo popup ->Show link in the top bar

    Regards,
    Brian Johnson

    Avatar: GetNatalie
    GetNatalie
    Participant
    November 28, 2015 at 19:20

    Hi there, I tried your suggestion above to direct the icons to our social media pages but I can’t get the instagram icon to show up. I added them under our contact information on the contact us page http://www.shoptailspin.com/contact-us

    Avatar: Eva
    Eva Kemp
    Support staff
    November 29, 2015 at 10:38

    Hello,

    Please provide us with correct FTP and wp-admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: GetNatalie
    GetNatalie
    Participant
    November 29, 2015 at 18:58

    Here you go:

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    November 30, 2015 at 16:42

    Hello,

    I’ve edited the file wp-content/themes/royal/framework/shortcodes.php and add the code for Instagram icon in lines 1932 and 1962. Now you only need to write url to your Instagram account in this file in line 1965. Change the link http://url_to_your_Instagram_page to your Instagram account.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 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.