Moushe.ru

Блог обо всём

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



В сегодняшнем уроке по созданию шаблона для OcStore 1.5.4.1 мы с вами подкорректируем шапку и футер шаблона.

OcStore NextShop

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

1. Переместим ссылки на вход и регистрацию

2.  Поправим колонки в подвале шаблона

3. Добавим в ссылки сравнение товаров и акции

4. Переместим ссылки на сравнение товаров и закладки

И так приступим:

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

</head>
<body>

вставим эти:

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

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

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

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

#header #welcome {
position: absolute;
top: 47px;
right: 0px;
z-index: 5;
width: 298px;
text-align: right;
color: #999999;
}

вставим эти:

#welcome {
width: 100%;
background: #000;
color: #fff;
font-family: Myriad Pro;
font-size: 14px;
padding: 10px 0px 10px 0px;
}
#welcome a {
color: #fff;
font-family: Myriad Pro;
font-size: 14px;
text-decoration: none;
padding: 10px 10px 10px 10px;
}
#welcome a:hover {
color: #000;
background: #fff;
padding: 10px 10px 10px 10px;
}

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

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

вставим эти:

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

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

#footer .column {
float: left;
width: 25%;
min-height: 100px;
}

вставим эти:

#footer .column {
float: left;
width: 20%;
min-height: 100px;
}

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

<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></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>

вставим эти:

<div class="links">
<a href="<?php echo $home; ?>"><?php echo $text_home; ?></a>
<a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a>
<a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></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>

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

$this->data['text_wishlist'] = sprintf($this->language->get('text_wishlist'), (isset($this->session->data['wishlist']) ? count($this->session->data['wishlist']) : 0));

вставим эти:

$this->data['text_compare'] = sprintf($this->language->get('text_compare'), (isset($this->session->data['compare']) ? count($this->session->data['compare']) : 0));
$this->data['text_special'] = $this->language->get('text_special');

а после этой строки (81):

$this->data['wishlist'] = $this->url->link('account/wishlist', '', 'SSL');

вставим эту:

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

3.2. Откроем файл ../catalog/language/russian/common/header.php и после этой строки (4):

$_['text_wishlist']       = 'Закладки (%s)';

вставим эту:

$_['text_compare']        = 'Сравнение товаров (%s)';

3.3. Откроем файл ../catalog/view/theme/nextshop/template/product/category.tpl и удалим из него эту строку (69):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

3.4. Откроем файл ../catalog/view/theme/nextshop/template/product/search.tpl и удалим из него эту строку (86):

<div class="product-compare"><a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a></div>

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

.product-filter {
border-bottom: 1px solid #EEEEEE;
padding-bottom: 5px;
overflow: auto;
}

вставим эти:

.product-filter {
border-bottom: 1px solid #EEEEEE;
padding-bottom: 5px;
margin-bottom: 20px;
overflow: auto;
}

4. Откроем файл ../catalog/view/theme/nextshop/template/common/header.tpl и после  этих строк (49-53):

<?php if (!$logged) { ?>
<?php echo $text_welcome; ?>
<?php } else { ?>
<?php echo $text_logged; ?>
<?php } ?>

вставим эти:

<div id="product">
<a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a>
<a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a>
</div>

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

<a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a>
<a href="<?php echo $compare; ?>" id="compare-total"><?php echo $text_compare; ?></a>

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

#welcome {
width: 100%;
background: #000;
color: #fff;
font-family: Myriad Pro;
font-size: 14px;
padding: 10px 0px 10px 0px;
}
#welcome a {
color: #fff;
font-family: Myriad Pro;
font-size: 14px;
text-decoration: none;
padding: 10px 10px 10px 10px;
}
#welcome a:hover {
color: #000;
background: #fff;
padding: 10px 10px 10px 10px;
}

вставим эти:

#welcome {
width: 100%;
background: #000;
color: #fff;
font-family: Myriad Pro;
font-size: 14px;
padding: 10px 0px 10px 0px;
}
#welcome a {
color: #fff;
font-family: Myriad Pro;
font-size: 14px;
text-decoration: none;
padding: 10px 10px 10px 10px;
text-align: left;
}
#welcome a:hover {
color: #000;
background: #fff;
padding: 10px 10px 10px 10px;
}
#product {
text-align: right;
float: right;
}

На сегодня всё, до новых встреч.

13 Комментария

  1. Добрый вечер.
    У меня,чтот не получилось как в уроке сделать.
    вот сайт http://www.multimuscle.ru
    В чем может быть проблема.
    Вроде все по уроку делал.
    Спасибо

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      02.05.2013 at 20:37

      Почистите куки браузера!!!!

    • Почистил,но что должно произойти?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      03.05.2013 at 21:56

      Магазин должен выглядеть как скриншоты урока. Я заходя на ваш магазин вижу его страницы как скриншоты из моего урока.

    • Огромное спасибо!!=))
      Жду с нетерпением следующего урока)

  2. Дмитрий

    16.06.2013 at 07:29

    Здравствуйте, может я что то лишнее удалил, у меня этот блок с меню переместился в лево вверх как его обратно вернуть, и телефоны хотелось бы сдвинуть правее и ниже и выделить их более крупным шрифтом.
    Вот сайт http://msk.dk-mebell.ru
    Спасибо

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      16.06.2013 at 23:39

      1. Css вам поможет, font-size, padding-left
      2. Возможно изменили стили, position, top, left

  3. Здравствуйте, Владислав! Огромное спасибо за уроки, за Ваш блог! Подскажите пожалуйста если я хочу в верхнее меню вместо ссылок на вход и регистрацию, переместить (главная, заметки и. т. д) Что и как сделать в Css? Пробовал по аналогии, не получается, ссылки кучкуются слева, background не отображается вовсе.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      27.07.2013 at 21:47

      Значит div не правильно прописали, всё должно отображаться как в статье.

  4. Здравствуйте.Подскажите как на ocStore Версия 1.5.5.1.2. Добавить произвольную ссылку в навиг.меню, а также вывести из футера в навигац.меню «Контакты»??
    Спасибо

  5. Александр

    27.10.2015 at 21:50

    Спасибо, а куда в контакт писать ,на какой адрес?

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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