MagJournal » Programming http://www.magjournal.com Magento Insider Journal Sat, 16 Jul 2011 22:32:13 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 How to add Facebook Like on a product page in Magento http://www.magjournal.com/2011/06/how-to-add-facebook-like-on-a-product-page-in-magento/ http://www.magjournal.com/2011/06/how-to-add-facebook-like-on-a-product-page-in-magento/#comments Wed, 29 Jun 2011 07:28:29 +0000 Mark Clark http://www.magjournal.com/?p=309 To add a Facebook Like button on each product page in Magento you simply need to add the following code anywhere in your app/design/frontend/theme/theme/template/catalog/product/view.phtml template:

<a name="fb_share" type="button"></a>


<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">


</script>


<?php elseif($_share == 'facebook_like'): ?>


<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like show_faces="true" width="450"></fb:like>


<?php endif; ?>

 

]]> http://www.magjournal.com/2011/06/how-to-add-facebook-like-on-a-product-page-in-magento/feed/ 0 Using Cufon in Magento http://www.magjournal.com/2011/04/using-cufon-in-magento/ http://www.magjournal.com/2011/04/using-cufon-in-magento/#comments Mon, 18 Apr 2011 18:57:35 +0000 Mark Clark http://www.magjournal.com/?p=301 Cufon is a way (among several other) to add more or less any font as a fully usable font directly on your website – of course including Magento. Here we’ll show you how to do that in just a few steps.

  1. Find your font. A good resource of free fonts is www.dafont.com, however make sure the font you are about to use has an EULA that fits your needs.
  2. Go to the Cufon site and follow the instructions on how to upload your font and get the generated font.js file. Also download the cufon-yui.js script.
  3. Place all the .js files in a new directory in /js/cufon.
  4. Open your template’s page.xml file and add the below code in its head section:
    <action method="addJs"><script>cufon/cufon-yui.js</script></action>
    <action method="addJs"><script>cufon/YourFontFile.font.js</script></action>
  5. Now open your template’s head.phtml file and add the following code at the very end of it:
    <script type="text/javascript">Cufon.replace('h1, h2');</script>

You’re done. Your h1 and h2 tags are now using your custom font.

You can also target spesific CSS classes by adding the following script tag:

<script type="text/javascript">
Cufon.replace(' .product-title, .price ');
</script>
]]> http://www.magjournal.com/2011/04/using-cufon-in-magento/feed/ 1