|  | 

Уроки по Opencart

Урок 11 Как вывести подкатегории с картинками

img-responsive

Не смотря на хороший функционал, в плане внешнего вида опенкарт оставляет желать лучшего. Речь конечно же про дефолтный шаблон, а не про премиум шаблоны. Вот взять вывод тех же подкатегорий. Сразу даже не понятно что это подкатегории, так как надпись над ними гласит — «Уточните поиск». При чем тут поиск?

Как вывести подкатегории с картинками

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

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

Переходим в

находим

и заменяем на

Теперь переходим к редактированию шаблона по адресу

Находим

и меняем на

Теперь приведем в порядок стилистику. Для этого в файле

Добавим

Теперь подкатегории будут иметь следующий вид

Как вывести подкатегории с картинками

Как вывести подкатегории с картинками

Согласитесь, это намного лучше того, что было. Можете сами попробовать изменить стилистику и сделать оформление по своему вкусу.

Также к уроку прилагаю ocmod модификацию для тех, кто не хочет вносить изменения руками.

Скачать модификатор

kak-vyvesti-podkategorii-s-kartinkami

ABOUT THE AUTHOR

36
Оставить комментарий

avatar
14 Цепочка комментария
22 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
17 Авторы комментариев
valdemariusesАлександр МтарасМариmax Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
артем
Гость
артем

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

Дмитрий
Гость
Дмитрий

Огромное спасибо, как раз искал такую инфу, а здесь все так подробно описано. Попробовал, получилось с первого раза без проблем, даже не пришлось использовать ocmod модификацию.

Юрий
Гость
Юрий

Спасибо за шаблон, возможно, применю для дела. Однако, мне больше нравится минимизированный, первый вариант, а вот заказчикам именно то, что здесь предложено. В принципе на скорость работы в общем это не влияет ни капельки.

Иван
Гость

Статья понятная, отлично объясняет, как вывести подкатегории с картинками. Спасибо за такую информацию. Надеюсь, что на этом сайте будет много полезных статей.

Леха
Гость
Леха

Можно ли убрать фильтр и подкатегории разбросать в два разных блока? И сделать по ним переход на страницу подкатегории?

ннн
Гость
ннн

а к какой версии описание?

Наталья
Гость
Наталья

а к 3.0.2.0 не подходит? а то устала искать уже, все описанные для 3х способы не работают (( плачу ночами(((

Алина
Гость
Алина

Подскажите пожалуйста, где в catalog/view/theme/default/stylesheet/stylesheet.css добавить код?

Алина
Гость
Алина

и глупый вопрос, с какого тега начать? я совсем не понимаю в редакторе и добавлении стиля, делаю для себя. Заранее большое спасибо

Юрий
Гость
Юрий

Добрый день!
Спасибо за код! Подскажите только если категорий больше 5, выводится только последние 2 или 3.
Как сделать что бы вывелись все категории?
Зарание спасибо!

max
Гость
max

Поплыли картинки. Как поправить? скрин https://yadi.sk/i/T9RcerczWtfHzA

Мари
Гость

Спасибо, добрый фей все получилось! смотрите
Очень легко и просто.
Вот бы еще найти как бренды категории вывести так же в категориях. а то купила модуль, а там жесть, открываешь производителя и к названию категории/бренд добавляется /бренд- бренд получается что попало)

тарас
Гость

после вставки пхп кода на странице категорий вот такая ошибка версия 3 опенкарту, в чем может быть проблема?
Parse error: syntax error, unexpected ‘)’ in /storage/modification/catalog/controller/product/category.php

Александр М
Гость
Александр М

Спасибо, уважаемый! Пересмотрел разные модули для данной цели и ничего подходящего не обнаружил. А с вашей подсказкой за 5 минут решил вопрос)) Удачи вам и всех благ!

Цель сайта

Главная цель создания сайта - собрать, а так же упорядочить все свои наработки по Opencart, которых накопилось уже порядочно. Сайт позволит создать эффективную и удобную базу, в которой будет легко отыскать нужную информацию.

Новые комментарии

© 2010 — 2017, OC-new.com. Все права защищены.

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

This will close in 20 seconds