Как вставить кнопки социальных сетей в стандартную тему Opencart

Как вставить кнопки социальных сетей в стандартную тему Opencart

В данном случае нам нужно редактировать два файла файл стилей вывода stylesheet.css и файл шапки header.tpl
в папке catalogviewthemedefaultstylesheet ищем файл stylesheet.css
В файле stylesheet.css ищем блок

/* header */
#top {
height: 30px;
border-top: 1px solid #DBDEE1;
border-bottom: 1px solid #DBDEE1;
background: #F8F8F8;

 

меняем height: 30px; на 50
далее в блоке #header #logo меняем top: 30px; на 50

#header #logo {
position: absolute;
top: 30px;
left: 15px;
В блоке header { Меняем с height:90 на 110
header {
height: 90px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;

 

В блоке #header #welcome { меняем top: 7px; на 17px;

#header #welcome {
position: absolute;
top: 7px;
left: 7px;
z-index: 5;
width: 298px;
text-align: left;
color: #999999;

 

в catalog/view/theme/default/template/common в header.tpl ищем блок

<div id="welcome">
<?php if (!$logged) { ?>
<?php echo $text_welcome; ?>
<?php } else { ?>
<?php echo $text_logged; ?>
<?php } ?>
</div>

 

и в нем меняем все части между div на следующий блок

Мы в соц.сетях<br />
<a href="http://facebook.com"><img src="catalog/view/theme/default/image/social/fb.png" /></a>
<a href="http://mr.ru"><img src="catalog/view/theme/default/image/social/mr.png" /></a>
<a href="http://od.ru"><img src="catalog/view/theme/default/image/social/od.png" /></a>
<a href="http://vk.com"><img src="catalog/view/theme/default/image/social/tw.png" /></a>
<a href="http://vk.com"><img src="catalog/view/theme/default/image/social/vk.png" /></a>

Та же информация в видеоформате

 

 

Пролистать наверх