New Landing How can we help? Themeforest Theme Support Neighborhood Change social icons in product detail page

Viewing 13 posts - 1 through 13 (of 13 total)
  • #126776
    member
    Member
    Post count: 49

    Hi,

    How to change the social icons in product description page which is under share tab.

    Thanks

    #126786
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    What change do you want to do ?
    Thanks
    Mohammad

    #126787
    member
    Member
    Post count: 49

    attached the screenshot

    Attachments:
    You must be logged in to view attached files.
    #126802
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #126806
    member
    Member
    Post count: 49

    I am not using the child theme, am editiong the main theme itself, above code is not working

    #126811
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    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
    Mohammad

    #126813
    member
    Member
    Post count: 49

    Yes i have changed the same, no use

    #126815
    member
    Member
    Post count: 49

    thanks resolved, it was due to class social icons used in

      tag
    #126816
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved.
    Thanks ๐Ÿ™‚
    With Best Regards
    Mohammad

    #126817
    member
    Member
    Post count: 49

    I 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 that

    #126819
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu ul.sub-menu li:first-child:before{display:none !important;}

    Thanks
    Mohammad

    #126827
    member
    Member
    Post count: 49

    Thanks

    #126833
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved.
    Thanks ๐Ÿ™‚
    With Best Regards
    Mohammad

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register