It is useful to let your customer spread your products in their social account. In this article, I will show you how to integrate Facebook and Twitter share button into product details page of bootstrap template.

Steps to apply this feature for your store

Step 1. Download a package at https://www.dropbox.com/s/3uss81mcj7lv3fy/socialshare.zip?dl=0

Step 2. Extract the package into your local computer.

Step 3. Copy above templates fold into your tomatocart root directory in your online host server.

Step 4. Find templates > bootstrap > content > products > info.php.

Step 5. Find following code snippet:

 <?php 
 $description = $osC_Product->getShortDescription();
                        if (!empty($description)) {
 ?>

Add following code above it:

<div class="social-share clearfix">
                        <?php
                            $share_link = osc_href_link(FILENAME_PRODUCTS, $osC_Product->getID() . (isset($_GET['manufacturers']) ? '&manufacturers=' . $_GET['manufacturers'] : ($cPath ? '&cPath=' . $cPath : '')));                            
                        ?>
                        <div class="pull-right">
                            <div class="row">
                                <div class="span5">
                                    <a class="twitter-share-button" href="http://twitter.com/share?url=<?php echo $share_link?>&text=<?php echo $osC_Product->getData('name')?>" data-count="none">Tweet</a>
                                </div>
                                <div class="span2"></div>
                                <div class="span5">
                                    <a class="fb-share-button" data-href="<?php echo $share_link?>" data-layout="button"></a>
                                </div>
                            </div>
                        </div>
                    </div>

Step 6. Add following code at the bottom of file:

<script src="templates/bootstrap/javascript/twitter.js"></script>
<script src="templates/bootstrap/javascript/facebook.js"></script>

That’s it. Note: this plugin just work in bootstrap template. If you are using grass gray template, please don’t apply it.

Looking for quality TomatoCart hosting? Check out Arvixe Web Solutions.