Return to previous page

How do I get Social Media Icons at the header of all pages, easily.

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

cleversyntax

Participant

May 21, 2015 at 21:36

Would like to add a Facebook icon and maybe a twitter icon to the top of the webpage in the header. Don’t see a normal way to integrate this with the theme settings. Suggestions?

#65394 Copied

7 Answers

Robert Hall

Support staff

May 22, 2015 at 07:27

Hello,

You can add Text widget with code [share]in ‘Place in header top bar’ sidebar in Appearance->Widgets.
Please see screenshot: http://prntscr.com/77zl9e

Regards,
Robert Hall.

#65437 Copied

cleversyntax

Participant

May 28, 2015 at 18:54

So this solved the share icons being in the header, but there is no control of where it points to. I don’t want to share my site page, I want to take them to my facebook page. Also don’t want twitter, linkedin, etc.

#66803 Copied

Eva Kemp

Support staff

May 28, 2015 at 19:47

Hello,

You need edit the file wp-content/themes/woopress/framework/shoercodes.php (find the section “! Share This Product” on line 1704), 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.

Thank you.
Regards,
Eva Kemp.

#66821 Copied

autenber

Participant

June 22, 2015 at 15:40

Hi there,

I followed these instructions because I want to edit the social media icons to appear on my footer, I could not find the file wp-content/themes/woopress/framework/shortcodes.php, so I edited the file in the admin/editor.

When I replaced https://twitter.com/share?url=’.$permalink.’&text=’.$post_title.’ with a link to my Twitter account I got this error message: (please see private content)

All I want is to add 4 or 5 social icons on my footer but now my website is down. Can you please help and maybe give me the code or right place to find the shortcodes.php file?

Thanks

Please, contact administrator
for this information.

#70790 Copied Theme version: Royal theme WooCommerce version: up to date

Eva Kemp

Support staff

June 22, 2015 at 18:21

Hello @autenber,

To fix the error reupload the file shortcodes.php from the theme archive via FTP or provide us with wp-admin panel and FTP credentials in Private Content.

Regards,
Eva Kemp.

#70836 Copied

mellouzi

Participant

June 26, 2015 at 09:51

I have some problems but also linked to social media icons and menus
I am using Woopress with header 14 (White menu on the left side).

I have automatically the 5 “share” icons as a last line in the menu.
– I would like to exchange the “Facebook Share” with a link to my Facebook page.
– I would like to remove the other icons/share
I have to say that I want to keep all “share” icons on the blog pages. I just want to modify the menu.

I have WPML installed and I have the language switcher as flags in the menu (option from WPML). But it does not appear the way I want (vertical instead of horizontal even though I chose the option via WPML. I have the feeling there is a problem of margins). I would like to modify it. How can I change this directly in the menu?

On the mobile website a top bar with “Woopress” appears when scrolling down. How can I remove it?
Plus the Mobile website appears black instead of white on the normal website. Is this normal?

Thank you very very much!!

Please, contact administrator
for this information.

#71788 Copied Theme version: 2.0
Eva Kemp

Support staff

June 26, 2015 at 13:11
Hello @mellouzi,

1. Edit the file wp-content/themes/woopress/framework/shortcodes.php (find the section “! Share This Product” on line 1704), to change Facebook link you need edit the line <a href="http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.'" class="'.$tooltip_class.'" title="'.__('Facebook', ET_DOMAIN).'" target="_blank"> and replace the code http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.' with your Facebook link.

2. Delete or comment the code of the icons you don’t want to show, edit the file wp-content/themes/woopress/framework/shortcodes.php (find the section “! Share This Product” on line 1704), for example to remove Twitter icon you need delete or comment the code:
```
<li>
                    <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ET_DOMAIN).'" target="_blank">
                        <i class="ico-twitter"></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>
```
3. Add this code in custom.css file to fix the issue with language icons:
```
li.menu-item.menu-item-language {
  width: 20% !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

4. Go to Theme Options > Header > Logo image for fixed header > upload your logo.

5. You can change color for mobile menu using this code in custom.css file:
```
.st-menu-open .mobile-menu-block > .mobile-menu-block.st-menu {
  background-color: white !important;
}
.mobile-nav li a {
  color: black !important;
}
```
6. When you are logged in on the forum you can create a new topic hovering “New” link at the top: http://storage1.static.itmages.com/i/15/0626/h_1435320601_5519315_f202558440.png

Regards,
Eva Kemp.
#71845 Copied
Tagged: easily, header, social media icons, template, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)