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

Готовая сборка интернет магазина на shopkeeper3

Готовая сборка 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'. Все!)

Архив shopkeeper3.tpl.zip (который вы скачаете после оплаты) это чистый modx 2.5.0 у которого в папке core/packages лежит этот самый пакет.

  • Архив shopkeeper3.tpl.zip закачать на сервер и распаковать. Открыть http://АДРЕС_ВАШЕГО_САЙТА/setup
  • Далее следовать инструкциям по установке modx ВАЖНО! В конце установки СНЯТЬ галочку "Отметьте этот пункт, чтобы удалить каталог и файлы программы установки с вашего сервера (рекомендуется)."
  • Логинимся. идем в Приложения->Установщик. Ищем пакеты локально и устанавливаем shopkeeper3 pitrooo (Во время установки может слететь сессия, и появится окно с авторизацией. Нужно просто дождатся установки пакета, и закрыть окно авторизации.)
  • Открыть http://АДРЕС_ВАШЕГО_САЙТА/setup и провести установку в режиме обновления. В конце оставить галочку на удаление каталога и файлов программы установки, они больше не понадобятся.
  • Открыть http://АДРЕС_ВАШЕГО_САЙТА/manager залогиниться Пользователь: admin пароль: admin123.

На этом все) Пакет можно удалить после установки.

Внимание! Пакет подойдет только для чистой установки, с нуля.

  • Повторная установка затрет предыдущее содержимое.
  • При установке на сайте с каким либо содержимым, оно будет затерто.
  • Обновлен ClientConfig, было 1.3.2-pl стало 1.4.1-pl.
  • Обновлен pdotools, было 2.7.3-pl стало 2.8.2-pl.
  • Обновлен AjaxForm, было 1.1.7-pl стало 1.1.8-pl.
  • Обновлен Tickets, было 1.7.0-pl стало 1.8.0-pl.
  • Обновлен MODX, было 2.5.4-pl стало 2.5.5-pl. Сборка упакована в версию advanced
  • Обновлен shopkeeper3, было 3.2.4-pl стало 3.2.5-pl.
  • Обновлен pdotools, было 2.7.3-pl стало 2.7.5-pl.
  • Обновлен MODX, было 2.5.2-pl стало 2.5.4-pl. Сборка упакована в версию advanced
  • Обновлен Collections, было 3.5.0-pl стало 3.6.0-pl.
  • Обновлен pdotools, было 2.6.1-pl стало 2.7.3-pl.
  • Обновлен MODX, было 2.5.0-pl стало 2.5.2-pl. Сборка упакована в версию advanced
  • Обновлен Formit, было 2.2.10-pl стало 2.2.11-pl. Добавлены несколько записей в словарь.
  • Обновлен tickets, было 1.6.17-pl стало 1.7.0-pl.
  • Добавлен слайдер (MIGX) на главной странице.
  • Исправлен чанк miniBasketShopCart.
  • Исправлен чанк menu.
К сожалению пока только WebMoney. Но вы можите написать мне я отправлю в течении дня реквизиты для оплаты банковской картой. Обязательно указывайте действующий email!
Демо версия

Комментарии (0)


    Оставить комментарий Все поля обязательны к заполнению.