Moushe.ru

Блог обо всём

OpenCart 1.5.1 несколько улучшений (4 часть)



Продолжим ковырять стандартный шаблон OpenCart 1.5.+. Сегодня мы отцентрируем заголовки модулей, сделаем подсветку названий товаров при наведении курсором мыши, улучшим внешний вид ссылок в модуле информация.

21

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

1. Отцентрируем заголовки модулей

2. Добавим подсветку названиям товаров

3. Удалим ссылку сравнить в категориях товаров

4. Удалим ссылку сравнить в результатах поиска

 

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

1. Откроем файл stylesheet.css (../catalog/view/theme/default/stylesheet) и изменим это:

.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
}

на это:

.box .box-heading {
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
border: 1px solid #DBDEE1;
background: url('../image/background.png') repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
text-align: center;
}

 

2. Откроем файл stylesheet.css (../catalog/view/theme/default/stylesheet) и после этого кода:

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

добавим этот:

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

и после этого:

.product-list .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
}

этот:

.product-list .name a:hover {
color: #0a6187;
font-weight: bold;
text-decoration: none;
}

и на последок после этого:

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

этот:

.product-grid .name a:hover {
color: #0a6187;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
text-align: center;
}

 

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

<a href="<?php echo $compare; ?>" id="compare_total"><?php echo $text_compare; ?></a>

 

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

<a href="<?php echo $compare; ?>" id="compare_total"><?php echo $text_compare; ?></a>

 

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

11 Комментарий

  1. Евгений

    23.04.2012 at 07:00

    Спасибо за ваши уроки всё классно, а будут уроки по улучшению категорий, подкатегорий и категорий 3 уровня ?

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

      23.04.2012 at 21:00

      Возможно будут.

  2. Здравствуйте Владислав! Большое спасибо за Ваши уроки!!! Скажите пожалуйста не планируете ли Вы приктутить к OpenCartу сеню для категорий . Например такое http://megaweb.su/56-stilnoe-vertikalnoe-vypadayuschee-css-menyu.html . Очень хотелось бы заиметь такую штучку…

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

      24.04.2012 at 21:03

      Возможно такой урок появится.

  3. Сергей

    26.04.2012 at 17:51

    Спасибо вам за уроки!

  4. Доброго времени суток не подскажите как сделать добавление рекомендуемых товаров как на старых версиях OpenCart v.1.4.x.. Вот нашел 8 пункт http://maxzon.ru/relize/page,1,2,298-sborka-maxystore-na-osnove-opencart-v1541.html.
    Заранее благодарен.

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

      21.02.2013 at 00:05

      На мой взгляд это глупо —
      1 случай: Человек например хочет купить у вас мышь для пк, добавил её в корзину, на этой же странице его могут заинтересовать рекомендуемые к этой мышке продукты — хоп покупателю понравился коврик он и его добавил в корзину — уже 2 покупки, а не одна, хоп в рекомендуемых ещё и клавиатура есть хорошая, он и её решит приобрести.
      2 случай: Человек добавил в корзину мышь, вы вместо него решили что он не хочет больше ничего покупать у вас — отправляете его в корзину то есть вы САМИ ЗАСТАВЛЯЕТЕ его покупать один предмет — мол давай, оформляй покупку нехрен засиживаться на моём сайте.

    • При редактировании или добавлении товара на вкладке «Связи» изменен принцип добавления рекомендуемых товаров на более удобный. Администратору магазина не нужно помнить названия товаров или вводить знак % для появления выпадающего списка с товарами, теперь достаточно выбрать определенную категорию товаров и из имеющегося списка переместить выбранные товары в рекомендуемые., т.е. добавление рекомендуемых товаров сделано как старых версиях OpenCart v.1.4.x

  5. Владислав, добрый день. Отличные уроки, большое за них спасибо. Искал — не нашел. может, сможете помочь: как сделать так, чтобы статьи не лепились в «информацию» к остальным разделам сайта, а жили в графе «Дополнительно» в футере под названием «Статьи».

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

      12.05.2013 at 21:26

      Обратитесь на оф сайт — myopencart.ru, я не php программист, а вам нужна его помощь.

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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