Файл: stylesheet.css
Путь: catalog\view\theme\ВашаТема\stylesheet\
.block_blog {border-top: ; position: relative; width: 200px;}
.block_blog * {list-style: none; margin: 0; padding: 0}
.blogs { height: 45px; left: 0px; overflow: hidden; top: 18px; width: 240px; padding-left: 4px; border: 1px solid #FFFFFF;}
.blogs ul {height: 26px; margin-bottom: 3px; overflow: hidden;}
.blogs li {float: left; padding-right: 4px;}
.blogs li a {background: url('../image/blogs.gif'); display: block; float: left; height: 26px; width: 26px;}
.blogs .lj a {background-position: 0 0} .blogs .lj a:hover {background-position: 0 -27px}
.blogs .vk a {background-position: -27px 0} .blogs .vk a:hover {background-position: -27px -27px}
.blogs .fb a {background-position: -54px 0} .blogs .fb a:hover {background-position: -54px -27px}
.blogs .tw a {background-position: -81px 0} .blogs .tw a:hover {background-position: -81px -27px}
.blogs .ma a {background-position: -108px 0} .blogs .ma a:hover {background-position: -108px -27px}
.blogs .send a {background-position: -135px 0} .blogs .send a:hover {background-position: -135px -27px}
.blogs .ok a {background-position: -162px 0} .blogs .ok a:hover {background-position: -162px -27px}
.blogs .ya a {background-position: -189px 0} .blogs .ya a:hover {background-position: -189px -27px}
.blogs span {color: #777; font-size: 10px; white-space: nowrap; position: absolute}
Файл: product.php
Путь: catalog\controller\product\
$this->data['text_social'] = $this->language->get('text_social');
$this->data['text_social_lj'] = $this->language->get('text_social_lj');
$this->data['text_social_lj_title'] = $this->language->get('text_social_lj_title');
$this->data['text_social_vk'] = $this->language->get('text_social_vk');
$this->data['text_social_fb'] = $this->language->get('text_social_fb');
$this->data['text_social_tw'] = $this->language->get('text_social_tw');
$this->data['text_social_ok'] = $this->language->get('text_social_ok');
$this->data['text_social_ya'] = $this->language->get('text_social_ya');
$this->data['text_social_ma'] = $this->language->get('text_social_ma');
$this->data['text_social_send'] = $this->language->get('text_social_send');
Файл: product.php
Путь: catalog\language\russian\product\
// Social
$_['text_social'] = 'Поделитесь с друзьями ссылкой';
$_['text_social_lj'] = 'Добавить ссылку в ЖЖ';
$_['text_social_lj_title']= 'Заголовок ссылки в ЖЖ';
$_['text_social_vk'] = 'Добавить ссылку в ВКонтекте';
$_['text_social_fb'] = 'Добавить ссылку в Facebook';
$_['text_social_tw'] = 'Добавить ссылку в Twitter';
$_['text_social_ok'] = 'Добавить ссылку в Одноклассники';
$_['text_social_ya'] = 'Добавить ссылку в Яндекс';
$_['text_social_ma'] = 'Добавить ссылку в Мой мир';
$_['text_social_send'] = 'Добавить ссылку другу';
Файл: product.tpl
Путь: catalog\view\theme\ВашаТема\template\product\
<script type="text/javascript">
$(document).ready(function() {
function PopupCenter(pageURL, title, w, h)
{
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
$('#tw_href').click(function(){
PopupCenter('http://connect.mail.ru/share?share_url='+encodeURIComponent(location.href), 'title', 520, 340);
return false;
});
$('#mail_href').click(function(){
PopupCenter('http://connect.mail.ru/share?share_url='+encodeURIComponent(location.href), 'title', 520, 340);
return false;
});
$('#face_href').click(function(){
PopupCenter('http://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href)+'/&t='+document.title , 'title', 625, 450);
return false;
});
$('#vk_href').click(function(){
PopupCenter('http://vkontakte.ru/share.php?url='+encodeURIComponent(location.href), 'title', 625, 450);
return false;
});
$('#ya_href').click(function(){
PopupCenter('http://wow.ya.ru/posts_share_link.xml?url='+encodeURIComponent(location.href), 'title', 625, 450);
return false;
});
$('#lj_href').click(function(){
PopupCenter('http://www.livejournal.com/update.bml?subject='+document.title+'&event='+document.title+'<br /><p><a href="'+encodeURIComponent(location.href)+'"><?php echo $text_social_lj_title; ?></a></p>'+'&transform=1', 'title', 625, 450);
return false;
});
$('#ok_href').click(function(){
ODKL.Share($(this).get(0));
return false;
});
});
</script>
<div class="content">
<div class="block_blog" id="block_social_open"><div class="blogs">
<ul>
<li class="lj"><a href="#" title="<?php echo $text_social_lj; ?>"id="lj_href" target="_blank"></a></li>
<li class="vk"><a href="#" title="<?php echo $text_social_vk; ?>"id="vk_href"></a></li>
<li class="fb"><a href="#" title="<?php echo $text_social_fb; ?>"id="face_href"></a></li>
<li class="tw"><a href="http://twitter.com/home?status=" title="<?php echo $text_social_tw; ?>" target="_blank"></a></li>
<li class="ok"><a href="http://<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"] ?>" title="<?php echo $text_social_ok; ?>" id='ok_href' target="_blank"></a></li>
<li class="ya"><a href="#" title="<?php echo $text_social_ya; ?>" id='ya_href' target="_blank"></a></li>
<li class="ma"><a href="#" title="<?php echo $text_social_ma; ?>" id="mail_href"></a></li>
<li class="send"><a href="#" title="<?php echo $text_social_send; ?>" onclick="openMailFriend(true, true); return false"></a></li>
</ul>
<span><i><?php echo $text_social; ?></i></span>
</script>
Не пойму в чем проблема, не могу вставить нормальный заголовок и картинку. Прошу помощи :( Для примера в FB