Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 25, 2016 at 2:39 pm #653356
    Vincent

    Hi,
    Can someone please recommend me a plugin that can integrate into product pages so visitors can share products easily?

    The only one I found is this Woocommerce Social Media Share Buttons which unfortunately is quite ugly and lacks any modern look or style to the buttons.

    A recommendation would be great, or better still a way to add Enfold sharing buttons without it breaking the product page?

    Thanks
    Vincent

    June 29, 2016 at 4:59 am #654586
    Ismael

    Hey Vincent,

    Thank you for using Enfold.

    Please add this in the functions.php file:

    add_action('woocommerce_after_single_product_summary', 'avia_add_social_toolbar', 1);
function avia_add_social_toolbar()
{
        if( is_singular( 'product' ) ) {
	     $content  = avia_social_share_links(array(), false, '', false);
	    $content .= '<div class="hr"></div>';
	}
	echo $content;
}

    Best regards,
    Ismael

    June 29, 2016 at 12:58 pm #654796
    Vincent

    Hi Ismael,

    Thanks for that, and it looks nice. Can this be modified as the product description bot is now too far away from the content above? (See private area)
    Also, can I edit which buttons are shown for example only: Facebook, Pinterest, Twitter, Google+, Email, Instagram?

    Thanks
    Vincent

    July 2, 2016 at 5:07 am #655986
    Ismael

    Hi,

    Add this in the Quick CSS field to remove the reddit icon:

    .single-product .av-share-link.av-social-link-reddit {
    display: none;
}

    Adjust the code in the functions.php file:

    add_action('woocommerce_after_single_product_summary', 'avia_add_social_toolbar', 1);
function avia_add_social_toolbar()
{
        if( is_singular( 'product' ) ) {
	     $content  = avia_social_share_links(array(), false, '', false);
	}
	echo $content;
}

    Best regards,
    Ismael

    July 3, 2016 at 2:03 pm #656259
    Vincent

    Hi Ismael,

    This looks perfect now. Is it possible to add a line of content above the social share buttons that says:
    ‘Share this Product’

    Regards
    Vincent

    July 3, 2016 at 4:23 pm #656271
    Basilis

    Hey!

    convert the function to

    add_action('woocommerce_after_single_product_summary', 'avia_add_social_toolbar', 1);
function avia_add_social_toolbar()
{
        if( is_singular( 'product' ) ) {
            $content   = '<div class="share_heading">Share this Product</div>';
	     $content  .= avia_social_share_links(array(), false, '', false);
	}
	echo $content;
}

    let me know if it works properly

    Cheers!
    Basilis

    July 3, 2016 at 8:08 pm #656314
    Vincent

    Hi BAsilis, that did not show the share content

    Thanks
    Vincent

    July 5, 2016 at 7:12 am #656838
    Ismael

    Hey!

    We modified the code above. Please try it again.

    Best regards,
    Ismael

    July 5, 2016 at 10:18 am #656929
    Vincent

    Thaks Ismael and I appreciate your help :)

    See notes in private area

    Regards
    Vincent

    July 8, 2016 at 3:52 am #658265
    Ismael

    Hi,

    You can adjust the top margin of the share section:

    .single-product .av-share-box {
    margin-top: 10px;
}

    Regarding the text, use this:

    .share_heading {
    font-weight: bold;
    font-size: 15px;
}

    Best regards,
    Ismael

    July 8, 2016 at 1:07 pm #658377
    Vincent

    Cheers Ismael, that all looks good now. Thank you for all your help. Please consider this resolved.

    Vincent

    July 11, 2016 at 3:01 pm #659310
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Social Share Buttons Product Page’ is closed to new replies.