Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Change social icons in product detail page
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Change social icons in product detail page
- This topic has 12 replies, 2 voices, and was last updated 9 years by Mohammad – SUPPORT.
-
Posted in: Neighborhood
-
November 10, 2014 at 5:26 am #126776
Hi,
How to change the social icons in product description page which is under share tab.
Thanks
November 10, 2014 at 5:54 am #126786Hi,
What change do you want to do ?
Thanks
MohammadNovember 10, 2014 at 5:58 am #126787attached the screenshot
Attachments:
You must be logged in to view attached files.November 10, 2014 at 6:21 am #126802Hi,
Please insert given below custom php code at functions.php of child theme and change the icons as you want.<?php function sf_product_share() { global $post; $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), false, '' ); ?> <div class="product-share clearfix"> <span><?php _e("Share", "swiftframework"); ?></span> <ul class="social-icons"> <li class="facebook"><a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="product_share_facebook" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=220,width=600');return false;"><i class="fa-facebook"></i><i class="fa-facebook"></i></a></li> <li class="twitter"><a href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php echo urlencode(get_the_title()); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=260,width=600');return false;" class="product_share_twitter"><i class="fa-twitter"></i><i class="fa-twitter"></i></a></li> <li class="googleplus"><a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa-google-plus"></i><i class="fa-google-plus"></i></a></li> <li class="pinterest"><a href="//pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php echo $src[0]; ?>&description=<?php the_title(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=750');return false;" class="product_share_pinterest"><i class="fa-pinterest"></i><i class="fa-pinterest"></i></a></li> <li class="mail"><a href="mailto:?subject=<?php the_title(); ?>&body=<?php echo strip_tags(apply_filters( 'woocommerce_short_description', $post->post_excerpt )); ?> <?php the_permalink(); ?>" class="product_share_email"><i class="ss-mail"></i><i class="ss-mail"></i></a></li> </ul> </div> <?php } } ?>
Thanks
MohammadNovember 10, 2014 at 6:38 am #126806I am not using the child theme, am editiong the main theme itself, above code is not working
November 10, 2014 at 6:47 am #126811Hi,
Please edit that code to see the changes. You need to remove code like :-
<i class="fa-facebook"></i><i class="fa-facebook"></i>
and insert your image code.Thanks
MohammadNovember 10, 2014 at 6:51 am #126813Yes i have changed the same, no use
November 10, 2014 at 6:54 am #126815thanks resolved, it was due to class social icons used in
- tag
November 10, 2014 at 6:55 am #126816Hi,
You most welcome. I’m glad that issue resolved.
Thanks ๐
With Best Regards
MohammadNovember 10, 2014 at 6:58 am #126817I have one more issue in menu navigation,
How to edit the menu dropdown style, i need to remove the symbol in dropdown(symbol means a triangle shape appears in dropdown) I have to remove thatNovember 10, 2014 at 7:02 am #126819Hi,
Please use this custom css code:-nav .menu ul.sub-menu li:first-child:before{display:none !important;}
Thanks
MohammadNovember 10, 2014 at 7:10 am #126827Thanks
November 10, 2014 at 7:16 am #126833Hi,
You most welcome. I’m glad that issue resolved.
Thanks ๐
With Best Regards
Mohammad -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.