Поздравляю всех! Мы дошли до непосредственно части, где начнем реализовывать интернет-магазин. В данном уроке мы создадим несколько категорий товаров и выведем товары в этих категориях.
Для начала нам необходимо интегрировать шаблоны:
- Категории товаров (я выбрал category-grid-2.html – он с баннером)
- Шаблон товара (я выбрал single-product.html – он без фильтра, думаю он здесь не нужен)
Помните, как интегрируются шаблоны? Думаю, для вас не составит труда произвести это действие самим (или смотрите на видео). У меня получилось вот так:
После того, как мы интегрировали шаблоны, нам необходимо прописать несколько настроек в настройках системы (переходим в настройки системы -> пространство имен – miniShop2):
Прописываем следующие настройки:
- Почтовые адреса менеджеров (ms2_email_manager) – адреса электронной почты через запятую, куда будут приходить уведомления о заказах.
- Шаблон по умолчанию для новых категорий (ms2_template_category_default) – выбираем шаблон “Категория товаров”
- Шаблон по умолчанию для новых товаров (ms2_template_product_default) – выбираем шаблон “Товар”
Также, если вы будете загружать большое количество товаров и у вас будет много схожих наименований, то советую выставить пару настроек:
- Id товара как псевдоним (ms2_product_id_as_alias) – Да.
- Id категории как псевдоним (ms2_category_id_as_alias) – Да.
Основные настройки мы произвели. Переходим к созданию категорий. Создадим следующее: категорию “Каталог”, а в ней создадим подкатегорию “Мобильные телефоны”. Создание категорий товаров ничем не отличается от создания простого ресурса. Единственное, что нужно сделать: на вкладке “Настройки” выбрать “Тип ресурса” – “Категория товаров”.
Если все сделали хорошо, то увидите следующую картину:
Также создаем в категории “Каталог” подкатегорию “Мобильные телефоны”. Потом создадим тестовый товар в категории “Мобильные телефоны” – iPhone 5.
Если мы внимательно посмотрим на наши шаблоны, то увидим, что мы имеем несколько видов миниатюр товара:
- 246x186 в категории товара
- 433x325 в галерее товара
- 67x60 в галерее товара
“Для чего нам это нужно?” – спросите вы. Работа галереи miniShop2 кардинально отличается от привычной нам уже работы phpThumbOf. Картинки в ней генерируются не на лету, а сразу при загрузке. Поэтому нам необходимо прописать параметры каждой из миниатюр. Делается это в “Медиа”->”Источники файлов”. Нажимаем правой кнопкой мыши по “MS2 Images” и выбираем “Редактировать”. Ищем параметр “thumbnails” и записываем следующее:
{
"small":{"w":67,"h":60,"q":100,"zc":"1","bg":"000000"},
"medium":{"w":246,"h":186,"q":100,"zc":"1","bg":"000000"},
"big":{"w":433,"h":325,"q":100,"zc":"1","bg":"000000"}
}
Мы в формате JSON указали 3 миниатюры, которые будем использовать на сайте. Вот мы с вами и произвели базовую настройку miniShop2 на MODx Revolution.
{$product.small}{$product.big}{$product.medium}{if $big?} <img src="{$big}" alt="{$pagetitle}" title="{$pagetitle}" class="img-responsive center-block"/> {else} <img src="{'assets_url' | option}components/minishop2/img/web/ms2_small.png" srcset="{'assets_url' | option}components/minishop2/img/web/ms2_small@2x.png 2x" alt="{$pagetitle}" title="{$pagetitle}" class="img-responsive center-block"/> {/if}{$_modx->config.site_url}assets/template/img/mailLogo.png{"small":{"w":330,"h":209,"q":100,"zc":"0","bg":"","ra":1},"middle":{"w":159,"h":330,"q":100,"zc":"1","bg":""}}Обратите внимание на параметр «ra»:1. Должно помочь.