WhatsApp Share For WodPress

Most of the people spend time on WhatsApp than any other social messenger and other social sites.This means, there is a potential for your Blog site and Products to connect to a larger number of customers.You can share Blog Post and Product on WhatsApp through your WordPress Website , only you need to put some line of code in your functions.php file:

functions.php

/*--------------------------------------------------------- Add Script in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_script'); function help4cms_whatsapp_script() { ?> <script type="text/javascript"> jQuery(document).ready(function($) { $(document).on("click",'.whatsapp-share',function() { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { var text = $(this).attr("title"); var url = $(this).attr("data-link"); var message = encodeURIComponent(text)+" - "+encodeURIComponent(url); var whatsapp_url = "whatsapp://send?text="+message; window.location.href= whatsapp_url; } else { alert("Please share this article in mobile device"); } }); }); </script> <?php } /*--------------------------------------------------------- Add CSS in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_css'); function help4cms_whatsapp_css() { ?> <style> .whatsapp-share, a.whatsapp-share { background-image: url('<?php bloginfo('template_url'); ?>/images/icon.png'); background-repeat: no-repeat; background-position:18px; font-family: Georgia; color: #ffffff; font-size: 14px; background-color: #5cbe4a; padding: 10px 18px 10px 35px; text-decoration: none; } .whatsapp-share:hover, a.whatsapp-share:hover { background-color: #49b334; color: #ffffff; text-decoration: none; } </style> <?php } /*--------------------------------------------------------- Shortcode Function For Help4cms Whatsapp Share Button -------------------------------------------------------- */ function help4cms_whatsapp_share() { return '<a class="whatsapp-share help4cms-whatsapp-share" title="'.get_the_title().'" data-link="'.get_the_permalink().'">Share</a>'; } add_shortcode('whatsapp-share', 'help4cms_whatsapp_share');

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

/*--------------------------------------------------------- Add Script in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_script'); function help4cms_whatsapp_script() { ?> <script type="text/javascript"> jQuery(document).ready(function($) { $(document).on("click",'.whatsapp-share',function() { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {         var text = $(this).attr("title");         var url = $(this).attr("data-link");         var message = encodeURIComponent(text)+" - "+encodeURIComponent(url);         var whatsapp_url = "whatsapp://send?text="+message;         window.location.href= whatsapp_url; } else {     alert("Please share this article in mobile device"); }     }); }); </script> <?php } /*--------------------------------------------------------- Add CSS in Footer For Help4cms Whatsapp Share Button -------------------------------------------------------- */ add_action( 'wp_footer', 'help4cms_whatsapp_css'); function help4cms_whatsapp_css() { ?> <style> .whatsapp-share, a.whatsapp-share {   background-image: url('<?php bloginfo('template_url'); ?>/images/icon.png');   background-repeat: no-repeat;   background-position:18px;   font-family: Georgia;   color: #ffffff;   font-size: 14px;   background-color: #5cbe4a;   padding: 10px 18px 10px 35px;   text-decoration: none; } .whatsapp-share:hover, a.whatsapp-share:hover {   background-color: #49b334;   color: #ffffff;   text-decoration: none; } </style> <?php } /*--------------------------------------------------------- Shortcode Function For Help4cms Whatsapp Share Button -------------------------------------------------------- */ function help4cms_whatsapp_share() { return '<a class="whatsapp-share help4cms-whatsapp-share" title="'.get_the_title().'" data-link="'.get_the_permalink().'">Share</a>'; } add_shortcode('whatsapp-share', 'help4cms_whatsapp_share');

Above code register a WhatsApp Share Button Shortcode [whatsapp-share].This WhatsApp Share Button Work On All Mobile Devices Having Whatsapp Installed.Just One touch sharing feature provides.This Shortcode Generate a WhatsApp Share Button that share current page Title and URL on WhatsApp Mobile Application. You can use this shortcode in post, page, custom post types, category etc. and also use php template file like as:

<?php do_shortcode('[whatsapp-share]'); ?>

1	<?php do_shortcode('[whatsapp-share]'); ?>

Category Thumbnail Image Carousel Magento Extension

Category Thumbnail Image Carousel Extension is Very Easy to Use & Manageable From admin panel. This Extension provides the feature of Category Thumbnail Image Sliding in Magento themes with various manageable functionality.Conveniently go into Category Page by clicking on Carousel Image. Impress your Customers with eye-catching lovely Category Thumbnail Image Carousel.

Upload Carousel Image Here:

Admin Setting:

Features:

• Fully responsive
• CSS3 transitions
• LazyLoad Effect Available.
• Allows you to set the maximum amount of items displayed at a time with the widest browser width.
• All feature manageable through Magento admin area
• Works in all major desktop and mobile browsers
• jQuery no conflict added
• Available option for Enable/Disable JQuery if JQuery already used in site
• Add Carousel anywhere you like (page, category, product page or static block)
• Allow You to Show/Hide Pagination on Carousel
• Allow You to Show/Hide Next & Previous Button on Carousel
• Allow You to Enable and Disable Pause On Hover on Carousel
• Ability to specify Carousel speed

How to Use:

Use this code in CMS page And Static Bolck:
{{block type="categorythumbnailimagecarousel/categorythumbnailimagecarousel" template="categorythumbnailimagecarousel/categorythumbnailimagecarousel.phtml"}}

Use this code in any .phtml file:
echo $this->getLayout()->createBlock(‘categorythumbnailimagecarousel/categorythumbnailimagecarousel’)->setTemplate(‘categorythumbnailimagecarousel/categorythumbnailimagecarousel.phtml’)->toHtml();

Category Thumbnail Image Carousel Settings:
Go to System>>Configuration>>Help4Cms Category Thumbnail Image Carousel>>>>Settings, to manage Carousel effects.

Installation Tips:

• Extract File
• After extract You see two folder app and skins, Paste both folder at store root.
• Clear Catche
• Logout and login again.

Follow these steps if you are using Custom Theme:

• Layout Folder(Copy categorythumbnailimagecarousel.xml File and Paste in Custom theme layout Folder ):
  app\design\frontend\default\default\layout\categorythumbnailimagecarousel.xml
  To
  app\design\frontend\[your package]\[your custom theme ]\layout\categorythumbnailimagecarousel.xml
• Template Folder(Copy categorythumbnailimagecarousel Folder and Paste in Custom theme template Folder ):
  app\design\frontend\default\default\template\categorythumbnailimagecarousel
  To
  app\design\frontend\[your package]\[your custom theme ]\template\categorythumbnailimagecarousel
• Skin Folder(Copy categorythumbnailimagecarousel Folder and Paste in Custom theme skin Folder):
  skin\frontend\default\default\categorythumbnailimagecarousel
  To
  skin\frontend\\[your package]\[your custom theme ]\categorythumbnailimagecarousel

Support Contact

muditkumawat19@gmail.com / muditkumawat007@gmail.com

Download