Return to previous page

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

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

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.

#100615 Copied

7 Answers

Robert Hall

Participant

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.

#100622 Copied

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.

#101203 Copied
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
#101220 Copied
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

#101790 Copied

Eva Kemp

Participant

November 29, 2015 at 10:38

Hello,

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

Regards,
Eva Kemp.

#101826 Copied

GetNatalie

Participant

November 29, 2015 at 18:58

Here you go:

Please, contact administrator
for this information.

#101848 Copied

Eva Kemp

Participant

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.

#101969 Copied
Viewing 8 results - 1 through 8 (of 8 total)