Moushe.ru

Блог обо всём

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



Сегодня мы немножко подкорректируем корзину шапки нашего шаблона.

GreenTea

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

1. Нарисуем картинку корзины

2. Немного изменим сart.tpl

3. Немного изменим CSS стили

 

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

1. Найдём иконку для корзины на бесплатных фотостоках, уменьшим её и закинем в папку image (../catalog/view/theme/greentea/image):

cart

2. Откроем файл cart.tpl (../catalog/view/theme/greentea/template/module) и после этого кода (1-2):

<div id="cart">
<div class="heading">

вставим этот:

<div class="cartimage"><img src="catalog/view/theme/greentea/image/cart.jpg"></div>

3. Откроем stylesheet.css и после этого кода (153-159):

#header #cart {
position: absolute;
top: 0px;
right: 145px;
z-index: 9;
min-width: 300px;
}

вставим этот:

#header #cart .cartimage {
float: left;
margin-top: 0px;
margin-right: 5px;
}

изменим это (185-188):

#header #cart .heading a {
color: #38B0E3;
text-decoration: none;
}

на это:

#header #cart a {
color: #78a240;
text-decoration: none;
}
#header #cart a:hover {
color: #28a240;
text-decoration: underline;
}

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

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

  1. Алексей

    26.12.2012 at 11:51

    В очередной раз огромное спасибо!!!! А подскажите, как убрать промежуток между блоками «Категории» «Рекомендуем» и шапкой?

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

      26.12.2012 at 21:13

      .box {
      margin-bottom: 20px;
      }

  2. Приветствую…
    А можно ли эти движения сделать на версии 1.5.4.1?
    Получится или нет?

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

      28.12.2012 at 21:32

      Я пока ещё не тестил OC 1.5.4.1 поэтому не знаю.

  3. Алексей

    11.01.2013 at 19:37

    Большое спасибо за Ваши уроки и советы! Может еще подскажете — как выровнять по горизонтали позиции блоков «цена» и «купить», чтоб они не расползались в зависимости от названия предмета продажи. Не знаю, насколько понятно объяснил.. Вообщем, чтоб они все одинаково располагались по красной линии на картинке
    http://imageshack.us/photo/my-images/201/85761880.jpg

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

      12.01.2013 at 00:10

      Попробую сделать.

    • Алексей

      21.01.2013 at 11:05

      Приветствую! Извиняюсь, что надоедаю 😳 Получилось что сделать? ❓

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

      21.01.2013 at 21:09

      Только одно решение переделать вместо дивов таблицы

    • Алексей

      20.02.2013 at 11:17

      Сделал вот как — может кому пригодится!
      В файле stylesheet.css, в
      .product-grid .name a {
      добавил
      display: block; — текст отображается как блок
      height: 26px; — высота блока (подогнать под нужный размер)
      margin-bottom: 4px;
      overflow-y: hidden; — текст, который не умещается скрывается (не отображается)
      text-align: center;
      text-decoration: none;

  4. Откроем файл cart.tpl (../catalog/view/theme/greentea/template/module

    Добрый день у меня такого файла нет ((((

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

      19.01.2013 at 20:00

      Очень странно

  5. Как быть???

  6. Тут /catalog/view/theme/greentea/template/common/ есть такой файл, но похоже что это не он

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

      19.01.2013 at 22:24

      Скачайте себе архив с опенкартом и посмотрите есть ли в нём этот файл, возможно в ваших файлах кто-то навёл беспорядок.

  7. Да спасибо. Скачал другой архив там такой фаил есть

  8. а в другом браузере нормально(

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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