Обратный звонок RedConnect
Как вставить кнопки социальных сетей в стандартную тему Opencart — ocdev
ocdev | Как вставить кнопки социальных сетей в стандартную тему Opencart
662
post-template-default,single,single-post,postid-662,single-format-standard,qode-core-1.0,ajax_fade,page_not_loaded,,pitch-ver-1.4.1, vertical_menu_with_scroll,smooth_scroll,grid_1300,blog_installed,wpb-js-composer js-comp-ver-5.0,vc_responsive

Как вставить кнопки социальных сетей в стандартную тему 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>

 

 

sadykovs

Похожие записи:

Комментариев:
  • Ярослав
    Ответить

    Спасибо за статью. Было бы здорово увидеть, что получится после добавления кнопок, где они будут находится на сайте. Скрин с кнопками в этой статье был бы совсем не лишним.

    07.09.2015 at 09:56

Оставьте ваш комментарий: