[MOD] Facebook Like Button on Product Page

Code: Select all

<file name="catalog/view/theme/YOUR_TEMPLATE/template/product/product.tpl">
<operation>
<search position="after">
<![CDATA[<div id="tab-description" class="tab-content"><?php echo $description; ?></div>]]></search>
<add><![CDATA[
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" width="450" show_faces="true" action="like" font=""></fb:like>
]]></add>
</operation>

</file>

Code: Select all

	<file name="catalog/view/theme/YOUR_TEMPLATE/template/product/product.tpl">
        <operation>
		
            <search position="replace">			
            <![CDATA[<?php echo $content_bottom; ?></div>]]>
			</search>
			
            <add>
			<![CDATA[
			  <?php echo $content_bottom; ?><br /><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" width="450" show_faces="true" action="like" font=""></fb:like></div>
			]]>
			</add>
			
        </operation>
    </file>

Code: Select all

<file name="catalog/view/theme/YOUR_TEMPLATE/template/common/header.tpl">
<operation>
<search position="before">
<![CDATA[</head>]]></search>
<add><![CDATA[
<fb:share-button class="meta">
<meta name="medium" content="mult"/>
<?php foreach ($this->document->getFBMeta() as $fbMeta) { ?>
<meta property="<?php echo $fbMeta['property'] ?>" content="<?php echo $fbMeta['content']; ?>" />
<?php } ?>
</fb:share-button>
]]></add>
</operation>
</file>

Code: Select all

<file name="catalog/view/theme/YOUR_TEMPLATE/template/common/header.tpl">
<operation>
<search position="before">
<![CDATA[</head>]]></search>
<add><![CDATA[

<meta name="medium" content="mult"/>
<?php foreach ($this->document->getFBMeta() as $fbMeta) { ?>
<meta property="<?php echo $fbMeta['property'] ?>" content="<?php echo $fbMeta['content']; ?>" />
<?php } ?>

]]></add>
</operation>
</file>

Code: Select all

<modification>
<id>Facebook Meta</id>
<version>1.0.0</version>
<vqmver>1.0.8</vqmver>
<date>14/07/2011</date>
<author>Opencart-templates.co.uk</author>

	<file name="catalog/controller/product/product.php">
        <operation>
            <search position="before">
            <![CDATA[if (file_exists(DIR_TEMPLATE . $this->config->get('config_template') . '/template/product/product.tpl')) {]]></search>
            <add><![CDATA[
			$this->document->addFBMeta('og:title', $this->data['heading_title']);
			$this->document->addFBMeta('og:url',$this->url->link('product/product', 'product_id=' . $this->request->get['product_id']));
			$this->document->addFBMeta('og:type', 'product');
			$this->document->addFBMeta('og:image', $this->data['thumb'] );
			$this->document->addFBMeta('og:image', $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height')) );
			$this->document->addFBMeta('og:site_name', $this->config->get('config_name'));
			$this->document->addFBMeta('og:admins','xxxxxxxxxxxxxxx');
			$this->document->addFBMeta('fb:admins','xxxxxxxxxxxxxxx');
			if($this->config->get('config_address')){$this->document->addFBMeta('og:street-address',$this->config->get('config_address'));}
			if($this->config->get('config_email')){$this->document->addFBMeta('og:email',$this->config->get('config_email'));}
			if($this->config->get('config_telephone')){$this->document->addFBMeta('og:phone_number',$this->config->get('config_telephone'));}
			if($this->config->get('config_fax')){$this->document->addFBMeta('og:fax_number',$this->config->get('config_fax'));}
			]]></add>
        </operation>
	</file>

	<file name="system/library/document.php">
        <operation>
            <search position="after">
            <![CDATA[private $scripts = array();]]></search>
            <add><![CDATA[public $fbMeta = array();]]></add>
        </operation>
        <operation>
            <search position="before">
            <![CDATA[public function getStyles() {]]></search>
            <add><![CDATA[
			public function addFBMeta($property , $content ) {
				$this->fbMeta[] = array(
					'property'   => $property,
					'content' => $content
				);			
			}
			public function getFBMeta () {
				return $this->fbMeta;
			}
			]]></add>
        </operation>
	</file>

	<file name="catalog/view/theme/default/template/common/header.tpl">
        <operation>
            <search position="before">
            <![CDATA[</head>]]></search>
            <add><![CDATA[

			<meta name="medium" content="mult"/>
			<?php foreach ($this->document->getFBMeta() as $fbMeta) { ?>
			<meta property="<?php echo $fbMeta['property'] ?>" content="<?php echo $fbMeta['content']; ?>" />
			<?php } ?>

			]]></add>
        </operation>
	</file>
	
		<file name="catalog/view/theme/default/template/product/product.tpl">
        <operation>
		
            <search position="replace">			
            <![CDATA[<?php echo $content_bottom; ?></div>]]>
			</search>
			
            <add>
			<![CDATA[
			  <?php echo $content_bottom; ?><br /><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" width="450" show_faces="true" action="like" font=""></fb:like></div>
			]]>
			</add>
			
        </operation>
    </file>
	
</modification>

Code: Select all

<div id="facebook">
  <div id="fb-root"></div><script src="//connect.facebook.net/en_US/all.js#appId=YOUR ID;xfbml=1">
		</script><fb:like href="scootssuitsandboots.com" send="true" width="75" show_faces="false" font=""></fb:like></div>
		<div id="twitter">
    <a target="_blank" href="http://twitter.com/scootsuitsboots" title="Follow Scoots Suits and Boots on twitter"><img alt="" src="catalog/view/theme/default/image/followme.png"/></a>
</div>
		</php>

Code: Select all

div#twitter{	
		
	position: absolute;
	top: 02px;     /*  CHANGED BY JH */
	right:460px;  /*  CHANGED BY JH */
	z-index: 0;
	
    }
#header #facebook {
    background: url('//connect.facebook.net/en_US/all.js#appId=[b]YOUR ID[/b]&xfbml=1') center center no-repeat;
	position: absolute;
	top: 07px;     /*  CHANGED BY JH */
	right: 530px;  /*  CHANGED BY JH */
	z-index: 0;
	}