Return to previous page

Change one of the social media links in product page

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

chic_webmaster

Participant

September 26, 2016 at 01:36

Hi,
in my product page, i eanble social media and i want to change G+(google plus) by instagram. how can i do it?
And in the footer if i want to only use “email to a friend” without [share] short code, is it a way to do it?
Thanks a lot

#140715 Copied Theme version: 2.9 WooCommerce version: 2.6.4

7 Answers
Jack Richardson

Support staff

September 26, 2016 at 11:45
Hello,

in my product page, i eanble social media and i want to change G+(google plus) by instagram. how can i do it?

You need to edit the wp-content/themes/woopress/framework/shortcodes.php file in “Share This Product” section. It’s recommended to edit theme source files using child theme https://codex.wordpress.org/Child_Themes

And in the footer if i want to only use “email to a friend” without [share] short code, is it a way to do it?

Try the following css code in Theme Options > Custom CSS > Global Custo CSS:
```
.main-footer .menu-social-icons li:not(:last-child) {
    display: none;
}
```
Best regards,
Jack Richardson.
#140784 Copied
chic_webmaster

Participant

September 28, 2016 at 19:20

hi,
thanks for tthe answers.
About the shortcode [share], i can’t modify it only on the product page? Because when i modify the code, it replace google by instagram in all the places i use this shortcode.
Thank you

#141017 Copied

Robert Hall

Support staff

September 29, 2016 at 07:49

Hello,

Unfortunately yes, it affects to all social icons where was added the [share] shortcode.

Regards,
Robert Hall

#141043 Copied

chic_webmaster

Participant

October 3, 2016 at 02:47

ok thanks. do you know the instagram share url?
i search on the web long minutes but don’t see this link 🙁

#141308 Copied

Rose Tyler

Support staff

October 3, 2016 at 07:44

Hello,

How to find share url for Instagram you can read here:
https://help.instagram.com/372819389498306

Regards,
Rose Tyler.

#141321 Copied

chic_webmaster

Participant

October 6, 2016 at 17:49

thanks for the link but it says how share in instagram when you are logged in. Not share from your website.
Another question, i want to reduce the size of @new@ icon on the product picture. i try this code find in your forum:
.type-label-2 .sale, .type-label-1 .new {
font-size: 10px !important ;
}
but the only reduce the text not the entire icon 🙁

#141839 Copied
Eva Kemp

Support staff

October 6, 2016 at 19:38
Hello,

If you want to add Instagram icon you need add this code in wp-content/themes/woopress/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.

Use this code for “New” icon:
```
.type-label-1 .new {
    margin-top: 11px;
    font-size: 10px;
}
.type-label-1 {
    width: 40px;
    height: 40px;
}
```
Regards,
Eva Kemp.
#141852 Copied
Viewing 8 results - 1 through 8 (of 8 total)