Moushe.ru

Блог обо всём

OcStore 1.5.4.1 делаем шаблон NextShop (4 часть)



Сегодня мы с вами продолжим создавать наш шаблон для OcStore 1.5.4.1.

nextstore ocstore

Список задач на сегодня:

1. Доделаем шапку шаблона

Приступим:

1. Откроем файл ../catalog/view/theme/nextshop/template/common/header.tpl и вместо этой строки (67):

<?php echo $headinfo; ?>

вставим эту:

<div id="headinfo"><?php echo $headinfo; ?></div>

удалим эти строки (77-83):

<div class="links">
<a href="<?php echo $home; ?>"><?php echo $text_home; ?></a>
<a href="<?php echo $special; ?>"><?php echo $text_special; ?></a>
<a href="<?php echo $account; ?>"><?php echo $text_account; ?></a>
<a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a>
<a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a>
</div>

вместо этих строк (78-106):

<?php if ($categories) { ?>
<div id="menu">
<ul>
<?php foreach ($categories as $category) { ?>
<li><?php if ($category['active']) { ?>
<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php } ?>

<?php if ($category['children']) { ?>
<div>
<?php for ($i = 0; $i < count($category['children']);) { ?>
<ul>
<?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
<?php for (; $i < $j; $i++) { ?>
<?php if (isset($category['children'][$i])) { ?>
<li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</div>
<?php } ?>
</li>
<?php } ?>
</ul>
</div>
<?php } ?>

вставим эти:

<div id="menu">
<ul>
<li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a></li>
<li><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></li>
</ul>
</div>

1.1. Откроем файл ../catalog/view/theme/nextshop/stylesheet/stylesheet.css и вместо этих строк (335-418):

#menu {
background: #585858;
border-bottom: 1px solid #000000;
height: 37px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a.active {
background: #000;
}
#menu > ul > li > a {
font-size: 13px;
color: #FFF;
line-height: 14px;
text-decoration: none;
display: block;
padding: 6px 10px 6px 10px;
margin-bottom: 5px;
z-index: 6;
position: relative;
}
#menu > ul > li:hover > a {
background: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#menu > ul > li > div {
display: none;
background: #FFFFFF;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #FFFFFF;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
background: #000000;
}
#menu > ul > li > div > ul > li > a {
color: #FFFFFF;
}

вставим эти:

#menu {
height: 27px;
padding: 0px 5px;
margin-bottom: 10px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
position: relative;
float: left;
}
#menu a {
text-decoration: none;
font-size: 17px;
font-family: Myriad Pro;
padding: 2px 5px 2px 5px;
}
#menu a:hover {
color: #fff;
background: #38b0e3;
padding: 2px 5px 2px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#headinfo {
padding-left: 400px;
padding-top: 10px;
}

1.2. Откроем файл ../catalog/controller/common/header.php и после этой строки (80):

$this->data['home'] = $this->url->link('common/home');

вставим эту:

$this->data['special'] = $this->url->link('product/special');

(теперь нажав на ссылку акции в шапке сайта, вы попадёте на страницу акций, а не на страницу ошибки)

Извините за короткую статью — работаю в майские праздники без выходных.


6 Комментариев

  1. Что мне было не нужно делать для того что-бы полоска темная там где меню сохранилась?

  2. Виктория

    20.08.2013 at 13:18

    Владислав, здравствуйте.
    У меня информация в headinfo, отображается в строчку, а надо в столбик. Подскажите что добавить в CSS?

  3. Виктория

    20.08.2013 at 16:05

    Не могу понять в каком файле внести тег , если информация для headinfo задается в админ панели. Пробовала в эти, не выходит: ../catalog/view/theme/nextshop/template/common/header.tpl
    ../catalog/controller/common/header.php
    И как это сделать правильно, подскажите пожалуйста.

    • В описании блока написано — Поддерживается html, вы написали — информация для headinfo задается в админ панели — вывод, если вы введёте в этот блок любой html код, он без проблем сработает как нужно.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

© 2014 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика