Display latest tweet on magento site without any extension.
Twitter is most popular social networking site in a day.Using this code publish their Twitter account posts directly onto any section of their Magento store.This is a fast and effective way to keep your website up to date with relevant information. Once integrated, messages are able to appear directly into a designated section of your website and will appear in real-time as soon as the messages are posted.
Benefit of twitter integrate into magento store
- Keep your Magento store live with fresh information via Twitter data feeds
- Fast and effective way to integrate your Magento store with Twitter
- Keep your website up to date with relevant information posts
Step 1: Create magento_tweet.phtml from catalog/product/magento_tweet.phtml
<?php function getTime($time){ $tweetdate = $time; $tweet = $tweettag["content"]; $timedate = explode(" ",$tweetdate); $date = $timedate[0]; $time = substr($timedate[1],0, -1); $tweettime = (strtotime($date." ".$time))+3600; // This is the value of the time difference - UK + 1 hours (3600 seconds) $nowtime = time(); $timeago = ($nowtime-$tweettime); $thehours = floor($timeago/3600); $theminutes = floor($timeago/60); $thedays = floor($timeago/86400); /********************* Checking the times and returning correct value */ if($theminutes < 60){ if($theminutes < 1){ $timemessage = "Less than 1 minute ago"; } else if($theminutes == 1) { $timemessage = $theminutes." minute ago."; } else { $timemessage = $theminutes." minutes ago."; } } else if($theminutes > 60 && $thedays < 1){ if($thehours == 1){ $timemessage = $thehours." hour ago."; } else { $timemessage = $thehours." hours ago."; } } else { if($thedays == 1){ $timemessage = $thedays." day ago."; } else { $timemessage = $thedays." days ago."; } } return $timemessage; } ?>
<div id="twitter_div"> <ul id="twitter_update_list"> <?php $channel = new Zend_Feed_Rss('http://twitter.com/statuses/user_timeline/justwebdevelop.rss'); // Here you can add your twitter account link Or $channel = new Zend_Feed_Rss('https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=username'); // get from your twitter account $i = 0; foreach ($channel as $item): if ($i<3){ // limit to 3 ?> <?php $date = $item->pubDate('j F Y'); $date = substr($date, 0, -15); $text = $item->description; utf8_encode($text); $timemessage = strtotime($item->pubDate()); $timemessage = date("Y-m-d H:i:s",$timemessage); ?> <li><?php echo $item->title; ?><br/> <a href="<?php echo $item->link; ?>" title="<?php echo $item->title; ?>">Read Tweet »</a> <span><?php echo getTime($timemessage); ?></span></li> <?php } // end the loop $i++; endforeach; ?> </ul> </div>
Step 2: Call magento_tweet.phtml file from catalog.xml file.
Add Below code into your catalog.xml file in left column.
<block type="core/template" name="latest.tweet" as="magento_tweet" template="catalog/product/magento_tweet.phtml"/>
So now you catalog data look like below:
<reference name="left"> <block type="core/template" name="latest.tweet" as="get_tweet" template="catalog/product/get_tweet.phtml"/> <block type="core/template" name="left.permanent.callout" template="callouts/left_col.phtml"> <action method="setImgSrc"><src>images/media/col_left_callout.jpg</src></action> <action method="setImgAlt" translate="alt" module="catalog"><alt>Our customer service is available 24/7. Call us at (555) 555-0123.</alt></action> <action method="setLinkUrl"><url>checkout/cart</url></action> </block> </reference>
So now your magento site look like below
Please Look at CSS Style Sheet
/********* Start Twitter CSS **************/ #twitter_div { background-image: url('../images/twitter-bg.png'); background-repeat: no-repeat; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #5AA5BC; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-top:10px; padding-top: 30px; padding-right: 5px; padding-left: 5px; padding-bottom:15px; } #twitter_div ul li { color: #0C93BA; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #A1E8F7; } #twitter_div ul li a { text-decoration: none; color: #DDA84E; } #twitter_div ul li a:hover { text-decoration: none; color: #D78E42; } #twitter_div p { text-align: right; padding-right: 6px; padding-bottom: 10px; } /********* End Twitter CSS **************/
Magento Development | PSD To Magento | Magento Theme Development | Magento Development Services