Moushe.ru

Блог обо всём

OpenCart 1.5.3 делаем шаблон NewOpen (3 часть)



Давайте продолжим работу над нашим шаблоном.

1

1. Откроем папку image (../catalog/view/theme/NewOpen/image) и заменим в ней стандартные картинки этими:

buttonbutton-active

2. Откроем файл stylesheet.css (../catalog/view/theme/NewOpen/stylesheet) и изменим этот код (593-595):

a.button:hover, input.button:hover {
background: url('../image/button-active.png') repeat-x;
}

на этот:

a.button:hover, input.button:hover {
background: url('../image/button-active.png') repeat-x;
color: #000000;
}

этот (652-654):

.box {
margin-bottom: 20px;
}

на этот:

.box {
margin-bottom: 20px;
text-align: center;
}

этот (700-703):

.box-product .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}

на этот:

.box-product .image img {
padding: 3px;
}

этот (703-709):

.box-product .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}

на этот:

.box-product .name a {
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}

3. Откроем файл featured.php (../catalog/language/russian/module) и изменим это (3):

$_['heading_title'] = 'Рекомендуем';

на это:

$_['heading_title'] = 'Рекомендуемые товары';

4. Откроем файл featured.tpl (../catalog/view/theme/NewOpen/template/module) и изменим это (7-10):

<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>

на это:

<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>

5. Откроем админку и переходим в меню:

Дополнения > Модули > Категории > Изменить > Добавить модуль:

1 — Home  / 2 — Левая колонка / 3 — на ваше усмотрение / 4 — включено / 5 — 1

жмём кнопку сохранить.

2

6. Откроем админку и переходим в меню:

Дополнения > Модули > Слайдшоу > Изменить:

Изменяем размеры, вместо: 980 x 280 указываем 784-230 (или просто выключаете этот модуль)

7. Теперь добавьте в рекомендуемые несколько товаров и увеличьте лимит с 6 до 10, а то после центрирования товаров в stylesheet.css нечётное количество товаров выглядит не красиво.

3

На сегодня всё, до новых встреч. Следите за нашими новостями. Улыбка

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

  1. Делал Все по Вашим урокам, но по последнему добиться ничего не получилось. Хотя делал несколько раз. Не пойму, ни выравнивание, ни цвет кнопок не поменялись. И как убрать рамку вокруг товара?

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

      28.09.2012 at 21:23

      Внимательнее повторяйте 4 шаг из 1 части урока и будет вам счастье — 19 строку не переделали на своём сайте.

  2. Спасибо БОЛЬШОЕ! Все получилось. Просто думал, что уроки автономны и делал то, что казалось интересным… Жду продолжения уроков…

  3. Максим

    28.11.2012 at 22:46

    А если мне нужно изменить цвет определенной кнопку,например кнопки «купить в 1 клик»,как правильно поступить?

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

      29.11.2012 at 21:12

      Найти её стиль в stylesheet.css и переписать картинку фона, либо цвет.

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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