A client wanted to add the social sharing icons provided with Avada theme on the shop loop and product shortcodes as well. The social sharing icons are visible on the single product page only, so here’s how you do it!
PHP Snippet: Add Social Sharing to WooCommerce Product Loop Items in Avada Theme
/**
* @snippet WooCommerce Avada Loop Item Sharing
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @compatible WooCommerce 4.6
* @community https://businessbloomer.com/club/
*/
add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_avada_show_social_sharing', 20 );
function bbloomer_avada_show_social_sharing() {
if ( function_exists( 'avada_woocommerce_after_single_product_summary' ) ) {
avada_woocommerce_after_single_product_summary();
}
}
It appears to no longer be working?
Thanks for your comment Zach. Try asking Avada support and see what they think. If you find a fix, please let me know
how to change the position of the social sharing in avada woocommerce single product page to under the product thumbnail images?
Hello Jane, thanks so much for your comment! Yes, this is possible – but unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding! ~R
Hi Rudolfo,
yes, good idea!
But where can I say WHICH sharing buttons are shown?
regards,
Clemens
Hey Clemens, thanks for your comment 🙂 I took a look at the Avada function and it has no filter available. Hence, you need to hide the sharing buttons via CSS. I’ll need to take a look at the website to give you the exact CSS, but something like this should point you in the right direction:
.single-product .social-share li.facebook {
display: none;
}