Change one of the social media links in product page

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

  • Avatar: chic_webmaster
    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

    7 Answers
    Avatar: Jack Richardson
    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.

    Avatar: chic_webmaster
    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

    Avatar: Robert Hall
    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

    Avatar: chic_webmaster
    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 🙁

    Avatar: Rose Tyler
    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.

    Avatar: chic_webmaster
    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 🙁

    Avatar: Eva
    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.

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