Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #653356
    #654586

    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

    #654796

    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

    #655986

    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

    #656259

    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

    #656271

    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

    #656314

    Hi BAsilis, that did not show the share content

    Thanks
    Vincent

    #656838

    Hey!

    We modified the code above. Please try it again.

    Best regards,
    Ismael

    #656929

    Thaks Ismael and I appreciate your help :)

    See notes in private area

    Regards
    Vincent

    #658265

    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

    #658377

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

    Vincent

    #659310

    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

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Social Share Buttons Product Page’ is closed to new replies.