Готовая сборка modx shopkeeper3.tpl

Что это?

Это готовая сборка интернет магазина на shopkeeper3 + modx. Сборка собрана на основе MODX.TPL после установки, будут установлены все компоненты из MODX.TPL, а так же еще вот эти:

Установятся пакеты:

getPage

Для пагинации в каталоге. Имеется связанный набор параметров catalogFilters

getProducts

Для вывода списка ресурсов (товаров), который предназначен специально для больших каталогов

Login

Регистрация, авторизация и личный кабинет пользователя. Добавлен сниппет userPhoto для загрузки аватарки пользователя.

shopkeeper3

Изменена системная настройка shk3.property_sets = miniBasket,cartOrderPage

tagManager2

Измененные системные настройки:

• tag_mgr2.numeric - price,oldprice
• tag_mgr2.prod_templates - 3
• tag_mgr2.propertySetName - catalogFilters

Фильтрация товаров в каталоге,

Tickets + Jevix

Для организации отзывов.

compare

Сравнение товаров, при необходимости можно переделать в список избранного.

giftcards

Подарочные карты и скидки интернет магазина.

msearch1

Организация поиска, проиндексированы так:

[[!mSearch?
	&indexer=`1`
	&limit=`0`
	&indexFields=`pagetitle,longtitle,description,introtext,content`
]]
            

Контроль доступа, политики доступа, группы ресурсов

Добавиться политика доступа "Пользователи" и такая же группа ресурсов. В группу ресурсов "Пользователи" входят страницы:

• Личный кабинет (9)
• Изменение пароля (13)
• Редактировать профиль (14)
• Мои комментарии (15)

Наборы параметров

• cartOrderPage - Набор параметров для страницы корзины (связан с shopkeeper3)
• miniBasket - Набор параметров для маленькой корзины (связан с shopkeeper3)
• catalogFilters - Набор параметров для фильтрации товаров в каталоге (связан с getPage)
• catalogFiltersAjax - Набор параметров для фильтрации товаров в каталоге с pdoPage (связан с pdoPage)

По умолчанию фильтрация товаров в каталоге настроена с catalogFilters. Если хотите настроить пагинацию загрузкой по кнопке нужно в шаблоне "Категория(2)" поменять это:

<div class="row" id="products">
    [[!tmCatalog]]
</div>
<ul class="pagination ">
    [[!+page.nav]]
</ul>
            

На вот это:

<div id="pdopage"> 
    [[!+page.nav]]
    
    <div class="rows">
        <div class="row" id="products">
            [[!tmCatalog]]
        </div>
    </div>
</div>
            

Открыть системные настройки и изменить:

• tag_mgr2.propertySetName - catalogFiltersAjax
• tag_mgr2.propertySetSnippet - pdoPage

Теперь если взглянуть на каталог, там есть кнопка)

Ресурсы

• Главная
• Каталог
  • Категория 1
    • Товар 1
    • Товар 2
    • Товар 3
• Корзина
  • Спасибо за заказ
• Личный кабинет
  • Изменение пароля
  • Редактировать профиль
  • Мои комментарии
  • Сравнение товаров
• Технические страницы
  • Карта сайта
  • robots.txt
  • Страница не найдена 404
  • Доступ запрещен 403
  • Поиск
  • Регистрация
    • Подтверждение регистрации
    • Авторизация
    • Восстановление пароля
      • Сброс пароля

Шаблоны

• Категория (вызывается tagmanager2)
• Пользователь (все что связано с пользователем, авторизация, регистрация, личный кабинет)
• Товар

Дополнительные поля

• gallery (Изображения). Изображения для товаров с помощью конфигурации MIGx resourcegallery. Небольшая заметка

Кстати говоря, для этого еще был добавлен кастомный рендер imageresoursegallery находящийся по адресу указанному в системной настройке collections.user_js. Сам рендер очень простой, в дальнейшем его доработаю наверняка, а сейчас на мой взгляд он работает как костыль)

var imageresoursegallery = function(value, metaData, record, rowIndex, colIndex, store) {
    if (value != '' && value != null) {
        var baseUrl = MODx.config.collections_renderer_basepath_img;
        var priductsUrl = '/assets/images/product/';
        var priductsid = record.id + '/';
        if (value.indexOf('http://') === 0) {
            baseUrl = '';
        }
        var event = JSON.parse(value);
        return '<div class="myimagerenderer"><img src="' + priductsUrl + priductsid + event[0][`image`] + '" height="100"></div>';
    }
}
                

• price (Цена)
• oldprice (Старая цена)
• params (Параметры)
• tags (Метки)

Решение "проблем" после установки:

Если в каталоге и на странице товара не отображаются изображения. Открыть в верхнем меню: Медиа -> Источники файлов -> правой кнопкой по источнику файлов Product images -> Редактировать. В basePath и baseUrl добавить значение:

[[!migxResourceMediaPath? &pathTpl=`assets/images/product/{id}/` &createFolder=`1` ]]
            

Потом почистить кэш. Управление -> очистить кэш. Более подробная заметка

Как добавить свое поле для сортировки в каталоге?

Допустим вам нужно добавить поля Страна и Вес. Для этого создаем два доп поля:

• Страна
  • Имя - country
  • Подпись - Страна
  • Тип ввода - текст
  • Тип вывода - По умолчанию
  • Доступно для шаблонов - Товар
• Вес
  • Имя - weight
  • Подпись - Вес
  • Тип ввода - число
  • Тип вывода - По умолчанию
  • Доступно для шаблонов - Товар

Заполняем эти поля у товаров

Открываем системные настройки и меняем значение tag_mgr2.numeric на price,oldprice,weight.

Открываем указанный набор параметров в системной настройке tag_mgr2.propertySetName и добавляем к includeTVList weight и country. Сохраняем. (Это нужно чтобы на странице категории можно было вывести значения этих тв. Если выводить не нужно то можно и не указывать.)

В приложении Управлении фильтрами (TM 2) активируем созданные тв и сохраняем.

На странице то они появились, а вот сортировка по полю вес не ведеться. Исправляем. Открываем assets/components/tag_manager2/js/web/filters_shk.js и в numeric добавляем 'weight'. Все!)