Разработка и продвижение сайтов
в Санкт-Петербурге
+7 (812) 629-29-85
info@kolibri-spb.ru
Следить за акциями
WEB студия в FacebookWEB студия в VK
Меню

MODX Revo и Minishop2 — вывод на главной категорий с изображением

Добавление изображения к категории

При разработке последнего интернет-магазина было принято решение установить его на CMS MODX Revolution. Путем перебора, для обеспечения функционала магазина было выбрано дополнение miniShop2.

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

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

Решили начать с добавления изображения для категории.

Создаем дополнительное поле

Стоит упомянуть, что работали мы на MODX Revolution версии 2.6.1-pl. Для возможности назначения своего изображения каждой категории, мы вводим дополнительное поле (Новый TV). Называем его cat_img, задаем ему тип «Изображение» и, конечно, выставляем доступность для шаблона нашей категории.

Подробно о создании TV для изображения читайте здесь.

Добавление изображения к категорииТеперь, при создании или редактировании категории мы имеем возможность добавлять/изменять изображение. Можно считать, что первая часть задачи выполнена. Теперь надо вывести список категорий в нужном нам месте и виде.

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

Вывод категорий Minishop2 с помощью pdoMenu

Разберемся со структурой сайта. Все категории могут лежать в разделе, например, Каталог или не связаны между собой общим ресурсом. В первом случае ссылка будет выглядеть site.ru/katalog/название_категории, а во втором просто site.ru/название_категории. В нашем случае, объединяющего раздела не было, потому вывод через pdoMenu выглядел так:

[[pdoMenu?
    &parents=`0`
    &level=`1`
	&includeTVs=`cat_img`
	&tplOuter=`@INLINE <section id="katalog">[[+wrapper]]</section>`
	&tpl=`@INLINE <div class="col4"><a href="[[+link]]"><img src="[[+cat_img]]" alt="{$pagetitle}" title="{$pagetitle}"/></a><h3><a href="[[+link]]">[[+menutitle]]</a></h3>[[+wrapper]]</div>`
	&firstClass=``
	&lastClass=``
	&hereClass=``
	&resources=`-1`
]]

Что мы тут видим?

Нужно вывести товары на главной? Читаем здесь.

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

Требуется помощь? Есть задачи по доработке магазина на базе MODX + minishop2 — отправляйте ТЗ на нашу почту info@kolibri-spb.ru. Поможем!

Примеры наших работ

Разработка сайта

Монтаж и установка
видеонаблюдения

video-ustanovka.ru

Разработка + SEO

Кухни на заказ
«Мебельмания»

mebelmaniya.com

Разработка сайта

Изделия из дерева
«Бельки»

belechki.ru

Сопровождение сайта

Мебель на заказ
«Мебельмания СПб»

mebelmaniya.spb.ru

Разработка сайта

Апартаменты в Праге
«Ruterra Apartment»

rapartment.com

Разработка сайта

Техническое
обслуживание магазинов

tech-expert24.ru

Сопровождение сайта

Аренда
спецтехники

pst.spb.ru

Разработка сайта

Компания
«Строительные системы»

stroysystem.spb.ru

Разработка + SEO

Виллы и апартаменты
«Phuket Like Home»

phuketlikehome.com

Разработка сайта

Аренда квартир
«Egrande»

egrande.ru

Разработка + SEO

Тепловизионное
обследование

teploviz-spb.ru

Разработка + SEO

Акриловый камень
«White Rock»

w-rock.ru

Сопровождение сайта

Кузница
«Ковка-Питер»

kovka-piter.ru

Сопровождение сайта

Бюро переводов
«Translation-online24»

translation-online24.com

Модернизация сайта

Юр. компания
«Константа»

konstanta-pravo.com

Доработка сайта

Воздушные шары

spbcvetoshar.ru

Перенос с конструктора

Гостевой дом
на Рабфаковской

forshotel.ru

Студия веб-дизайна Колибри
ул. Якорная, д. 14, к. 3, лит. Д
Санкт-Петербург
Санкт-Петербург
195027
Россия
+7 (812) 629-29-85
x

Напишите нам, расскажем об услугах!

x

Привет!

WEB-студия "Колибри"
перейти в мобильный чат

Письмо с сайта

Задать вопрос