Moushe.ru

Блог обо всём

OpenCart 1.5.1 шаблон fly (6 часть)



Продолжим работы над нашим шаблоном.

До:                                                       После:

12

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

1. Добавим на главную страницу вывод категорий в левую колонку.

2. Удалим из панели навигации категории и добавим вместо них свои ссылки.

 

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

1. Откроем админку – Модули> Категории> Изменить> Добавить модуль, и выбираем Home – Левая колонка (Если вы будете выводить другие модули то ставьте в третье окно 1 и ваши категории будут отображать первыми – то есть в самом верху боковой колонки, но только если вы будете задавать остальным модулям болеевысокую цифру – 2,3 и т.д.).

 

2. Откроем header.tpl и ищем этот код:

<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>

удаляем его, и вместо него вставим это:

<ul>
<li><a href="">Ссылка №1</a></li>
<li><a href="">Ссылка №2</a></li>
<li><a href="">Ссылка №3</a></li>
</ul>

ак всегда укажем кодировку Utf8 или  Utf8 без Bom.)

Я сделал такие ссылки:

<ul>
<li><a href="index.php?route=common/home">Главная</a></li>
<li><a href="index.php?route=product/special">Акции</a></li>
<li><a href="index.php?route=information/information&information_id=4">О нас</a></li>
<li><a href="index.php?route=information/contact">Контакты</a></li>
<li><a href="index.php?route=information/sitemap">Карта сайта</a></li>
</ul>

Удалим этот код:

<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></div>

 

Смотрим результат:

2

На сегодня всё, до новых встреч. (Сорри за короткий урок, не смог выделить на него много времени – слишком много работы.)

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

  1. Хороший урок, главное очень актуальный. Но есть один вопрос, у меня сайт мультиязычный, как прописывать переменные, подставляемые в меню, а также прописать их в языковых файлах для отображения ссылок меню на разных языках, в зависимости от выбранного пользователем?

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

      05.02.2012 at 21:19

      Если кратко то, нужно добавить нужные строки в контроллер, в файл перевода, вывести в header, поищите на офф сайте, урок по этой теме будет, но не скоро — сейчас очень сильно занят иной работой. 🙁

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

      05.02.2012 at 21:29

      Кстати у вас внизу в блоке информация (чуть выше футера) есть все ссылки которые вы хотите вывести ? Тогда просто возьмите их код.

  2. Хороший блог. Хочу, чтобы мой когда-нибудь стал тиким.

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

      06.02.2012 at 21:16

      Со временем обязательно станет 🙂

  3. Здравствуйте, Владислав!
    Ваши уроки очень помогают. У меня есть пара вопросов:

    1. как в футере в столбце Дополнительно убрать ненужные Подарочные сертификаты и Партнерскую программу, а вместо них создать ссылки на пару нужных страниц (например: Таблицы размеров, т.к. у меня планируется магазин одежды)? Такие страницы я сделаю в Панель управления — Каталог — Статьи — Добавить, а как сделать, чтобы ссылки на них появились именно в столбце Дополнительно (а не Информация)?

    2. Существует ли какой-то способ в ОпенКарт 1.5.1 защиты картинок от копирования?

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

      12.02.2012 at 21:10

      1. Открываете footer.tpl и там удаляете не нужные ссылки и вставляете то что нужно вместо них.
      < ?php echo $text_voucher; ?>< ?php echo $text_affiliate; ?>

      2. Добавьте на изображения водяной знак и всё, фото защищено.

  4. Здравствуйте, Владислав!
    Спасибо большое за Ваши уроки! Хотел задать пару вопросиков:
    1. Как можно сделать раскрывающиеся категории в левой колонке (2 или 3 уровень списка)? И можно ли?
    2. Можно ли заменить отображение категорий текстом на картинки?
    Заранее огромное спасибо!

  5. Спасибо за статьи, периодически заглядываю когда возникают вопросы, так как на данный момент верстаю шаблон для Opencart используя HTML шаблон.

    Возник вопрос…никак не могу найти линк на новостную ленту RSS. Установил на сайт блок социальных кнопок и кнопку RSS, а вот какую привязать ссылку к ней так и не смог пока найти.

    Буду признателен…

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

      17.02.2012 at 13:16

      А какой модуль rss вы установили на OpenCart ? Мне такие модули не встречались.

  6. Я пока не устанавливал. Поэтому и возник вопрос. В той же Joomla новостная лента уже заложена в стандартный пакет, просто к кнопке привязывается ссылка. В Opencart нет новостной ленты изначально?

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

      17.02.2012 at 19:49

      Да, просто в инет магазинах статей обычно мало вот и нет особого смысла в новостных лентах, оповещение о новых товарах идёт пользователям на мыло. 🙂

  7. Ну да, логично. Просто есть желание на базе RSS сделать модуль выгрузки товаров на площадки (типо Яндекс-маркета). Ну с новостной лентой понятно, забуду про нее. Спасибо.

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

      17.02.2012 at 20:17

      Не за что 🙂

  8. В процессе настройки магазина появился еще один вопрос. Формирование переменных для модулей. Мой магазин планируется с поддержкой мультиязычности.

    Как я понимаю в модулях, в тех местах где должен выводиться какой либо текст необходимо прописывать переменную, вместо которой будет подставляться значение переменной в зависимости от выбранного языка.

    Вопрос, где создавать эти переменные. Стандартные нашел, а вот например для меню, в котором планирую выводить ссылки на страницы…

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

    20.02.2012 at 21:20

    Даёте ссылку например в header.tpl на анг. языке, прописываете путь к файлу локализации и указываете какое слово менять, после этого в файле локализации пишете соответствие этому слову — не знаю как проще обьяснить — на оф. форуме погуглите.

  10. Здравствуйте, Владислав! По поводу каталога вот что я имел ввиду в панели навигации, вместо ссылки №2 хотелось бы видеть каталог. как это сделать? Заранее благодарен!

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

      14.03.2012 at 00:39

      На оф. форуме спросите, а так создайте категорию — каталог, в ней подкатегории и вставьте код на примере меню навигации из стандартного шаблона.

  11. Максим

    24.03.2012 at 12:42

    Прошу прощения, но что значит «Как всегда укажем кодировку Utf8 или Utf8 без Bom.»
    Я сделал все кроме этого, у меня сразу иероглифы в меню появились.

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

      24.03.2012 at 21:10

      Мы делаем это чтобы не было иероглифов… А как всегда — имеется ввиду что у меня русские ссылки встречаются почти во всех уроках.

  12. Максим

    24.03.2012 at 12:47

    и еще может подскажите, я переименовал категории и удалил ненужные. После этого они почему то перестали открываться. Выдает Fatal error: Call to undefined function mb_substr() in Z:\home\site\my\www\catalog\controller\product\category.php on line 206

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

      24.03.2012 at 21:13

      Нет не знаю, спросите на оф форуме — там умные люди всё перевидали 🙂

  13. 1. Подскажите, а как вернуть подсветку выбранной категории?
    Т.е, если до выполнения пункта 2, нажать, например на «Акции», то откроется эта страница и сама кнопка «Акции» изменит цвет. А теперь кнопка цвет не меняет. Какую строчку из удаленного кода нужно добавить?
    2. И как сделать, чтобы левая колонка «Категории» была полностью на всех страницах и можно ли выбрать страницы, на которых её не будет?
    Спасибо.

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

      07.04.2012 at 21:17

      1 — class active
      2 — Вместо home (домашней страницы) выбираете все страницы где должен отображаться блок категорий и выбираете место где он должен отображаться.

  14. я имел ввиду, чтобы эта подсветка кнопки сохранялась, когда страница выбрана и курсор уже не на этой кнопке. Т.е. открыл страницу «Акции», и кнопка «Акции» была другого цвета.

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

      08.04.2012 at 21:05

      Я написал вам class active, но видимо вы не поняли.

      Грубо говоря вот из этого:
      < ?php if ($category['active']) { ?>
      " class="active">< ?php echo $category['name']; ?>
      < ?php } else { ?>

      Нужно будет сформировать нужную вам ссылку, на оф форуме вам ответят более подробно.

  15. Дмитрий

    22.04.2012 at 09:02

    при выполнении шага №2 сайт не грузится, восстанавливаю обычный header.tpl все норм, как решить эту проблему?

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

      22.04.2012 at 21:01

      Обратитесь к человеку который сможет это сделать. 🙂 Меня терзают смутные подозрения что вы используете что-то вроде Microsoft Office или OpenOffice, я прав ?

  16. Сергей

    24.10.2012 at 07:45

    Добрый день!
    Т.к. на форумах не дали ответа на вопросы — попробую спросить у Вас.

    Проблема заключается в том, что у меня пропало верхнее (горизонтальное) меню, изначально оно выполнено было по этому уроку.
    Перелопатил стайлшит, подкидывал оригинальный хидер.тпл, подкидывал и оригинальный шаблон (думал в своем намудрил) — ничего не помогло. Решил, что дело не в шаблонах, поочередно подкидывал оригинальные директории admin и catalog — результата не дало. Убирал моды из vqmod — тщетно.
    Уж не знаю на что и грешить.

    В хидер.тпл следующая конструкция не выводится:

    Главная
    Акции
    О нас
    Контакты
    Карта сайта

    Но выводится без тегов php, тобишь обычным списком на странице, а не как меню.
    Буду благодарен за любые идеи.

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

      24.10.2012 at 21:37

      Дайте ссылку на сайт либо сюда, либо в аську — четыре93-два96-шесть71, либо на почту hruhru.87(собака)mail.ru

  17. Эльвира

    21.12.2012 at 12:32

    Владислав! А как в горизонтальное меню вставить справа поиск? И убрать его сверху?

  18. Эльвира

    21.12.2012 at 19:00

    Огромное спасибо! Уроки у Вас замечательные!

  19. Ирина С.

    06.01.2013 at 17:57

    Cпасибо за уроки! Они замечательные.
    А не подскажете, как (если смотреть на шаблон До) кнопку «Компьютеры» заменить сразу на карточку конкретного товара? Не меняя все остальное. Помогите
    😳

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

      06.01.2013 at 18:46

      Открываете header.tpl и после открывающего ul создаёте ссылку — a href=

  20. Здравствуйте, Владислав.
    Помогите, пожалуйста. разобраться…
    Пыталась из панели навигации удалить категории, заменив их по вашему уроку ссылками. Но у меня верхняя часть кода header.tpl выглядит так:

    <a href="">
    Затем идет
    <?php if ($category['children']) и далее, все как у Вас. Версия ОС 1.5.1
    Помогите, пожалуйста…
    И еще вопрос:
    Я правильно понимаю, что ссылки будут открывать новые страницы, на которых возможно будет разместить статическую информацию?

    Заранее благодарю.

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

      08.01.2013 at 00:28

      Дайте ссылку на ваш сайт, либо высылайте свой header.tpl на мою почту — hruhru.87@mail.ru

  21. Эльвира

    10.01.2013 at 22:09

    Владислав, здравствуйте!
    А как ссылку закладки разместить под корзиной?

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

      12.01.2013 at 13:09

      Ковыряние контроллера корзины займёт у меня слишком много времени, попробуйте спросить на оф. форуме, толковые php программисты быстрее напишут для вас ответ.

  22. Добрый день!
    Огромнейшая благодарность за эти уроки, реально многому научили.
    Но есть одна проблема, после 6-го урока (возможно ранее)»шаблон fly» заметил что в браузере IE9 главная страница моего магазина стала некорректно отображаться: весь сайт прилип к левой стороне экрана, кнопки меню навигации начали отображаться вертикально относительно друг друга в колонке слева, рекомендуемые товары так же в колонке один под другим прилипли к левой стороне.
    На других страницах сайта всё отлично, проблема только с главной. В других браузерах всё нормально, проблема только с IE.
    Помогите пожалуйста разобраться!!!
    вот sklad31.ru посмотрите через IE

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

      17.02.2013 at 21:58

      — я не знаком с таким тегом, не вижу в header.tpl двух ссылок на стили для ie6, ie7, так-же возможно что в div’ах допущена ошибка.

    • 2 часа ковырялся в header.tpl сравнивая его с ранее сохраненным оригиналом, ошибок не нашёл…
      Оказалось всё намного проще, браузер IE некорректно отображает файлы с кодировкой UTF-8, ему нужна кодировка именно UTF-8 (без BOM).
      Поменял на «… без ВОМ» и всё встало на свои места 🙂
      Спасибо за оперативный ответ!

  23. Алексей

    20.02.2013 at 21:02

    Большущее спасибо за уроки! У меня вопрос по 2 пункту. Сделал — всё получилось. Но когда стал назад всё менять — в итоге на горизонтальной панели навигации отображается всего 2 меню. Даже если создаю новые категории в админке — они всё равно не появляются.

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

      20.02.2013 at 21:58

      Лучше дайте ссылку на свой сайт, либо на крайний случай скриншот сюда — hruhru.87@mail.ru

  24. Большое Вам спасибо, Владислав за такие содержательные и полезные уроки.

  25. Спасибо за туторы, а у меня вопросик — я в эту панель засунул яндекс кнопки соц сетей как их сдвинуть на правою сторону?
    Спасибо))

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

      19.03.2013 at 21:34

      заключайте кнопки в новый див, и в ксс фиксируете в право через float: right

  26. Антон

    26.03.2013 at 22:52

    Здравствуйте. Подскажите пожалуйста как изменить размер текста в категориях?

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

      27.03.2013 at 21:43

      .box .box-content {
      background: none repeat scroll 0% 0% #FFFFFF;
      border-bottom: 1px solid #363636;
      border-left: 1px solid #363636;
      border-radius: 0px 0px 7px 7px;
      border-right: 1px solid #363636;
      padding: 10px;
      font-size: *px;
      }
      * - размер шрифта

    • Антон

      28.03.2013 at 18:03

      При изменение изменяется размер цен, а не категорий. Спасайте)

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

      28.03.2013 at 21:38

      .box-category > ul > li > a {
      color: #333333;
      text-decoration: none;
      font-size: 14px;
      }

    • Антон

      28.03.2013 at 22:18

      Спасибо большое.

  27. Антон

    29.03.2013 at 20:56

    Здравствуйте. Я вывел категории на главную страницу в левую колонку. Когда нажимаешь на категорию она открывается в другой странице. Подскажите пожалуйста, как сделать чтобы когда нажимаешь на категорию я оставался на той же странице и подкатегории выезжали лесенкой.

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

      29.03.2013 at 21:42

      Обратитесь к программистам на myopencart.ru — нужно править контроллеры, а я в этом не разбираюсь — у меня иной профиль.

  28. Антон

    30.03.2013 at 11:15

    Вот ещё вопрос) как сделать, чтобы в категориях не отображалось количество товаров?

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

      30.03.2013 at 11:53

      Модули — Категории — Изменить — Product Count: — Отключено — Сохранить

    • Антон

      30.03.2013 at 12:14

      ох спасибо) а то цифры с названием сливаются, вообще ужас.

  29. Я не нашел в своём шаблоне данного скипта, вот он:

  30. Спасибо большое за полезный урок! Давно искал!Очень помогли! Все достойно и понятно!Спасибо)

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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