Блог Tickets + Minishop2 и система шаблонов



Основная идея, разработать механизм шаблонов и по возможности перевести на файлы. Местами используется Fenom.

Немного ссылок
Демо
Транспортный пакет — устанавливать только на чистый MODX! v.2 28.10.2015
Транспортный пакет с Демо данными.
Bitbucket. — шаблон
Системные настройки
В разделе сайт создаются системные настройки (core/Сайт).
site_template — Шаблон сайта
site_layout — Схема шаблона (возможно лишнеее звено, но пока так)
site_theme — Тема шаблона. В комплекте default, gradient, almost-flat
site_description — Слоган сайта
site_meta_description — Значение по умолчанию поля description (meta)

Структура шаблона Default (Tickets)

Шаблоны страниц
assets/elements/templates/[[++site_template]]/layout/[[++site_layout]]

Схемы шаблона
assets/elements/templates/[[++site_template]]/layout

Чанки шаблона и приложений
assets/elements/chunks/[[++site_template]]/layout/[[++site_layout]]

Чанки с примерами вызова
assets/elements/chunks/[[++site_template]]/layout/[[++site_layout]]/actions

Темы шаблона
assets/elements/templates/[[++site_template]]/theme/[[++site_theme]]/style.less

Minishop2
Упрощенная система шаблонов, отсутствует layout
CSS фреймворк Bootstrap 3
Демо и скачать Minishop2
Alexander V
27 октября 2015, 10:51
modx.pro
7
5 112
+5

Комментарии: 16

Павел Гвоздь
27 октября 2015, 15:15
0
Вопрос по компиляции less, на каком этапе она происходит?
    Alexander V
    27 октября 2015, 15:40
    +1
    <head>
    -------------------------------------------------
    [[!MinifyX? 
        &minifyCss=`1`
        &minifyJs=`1`
        &cssFilename=`css`
        &cssSources=`/assets/elements/templates/[[++site_template]]/theme/[[++site_theme]]/style.less`
        &jsSources=`
    	    /assets/elements/templates/[[++site_template]]/src/js/jquery.js,
    	    /assets/elements/templates/[[++site_template]]/src/js/uikit.min.js,
    	    /assets/elements/templates/[[++site_template]]/src/js/components/search.js,
    	    /assets/elements/templates/[[++site_template]]/src/js/components/notify.js,
    	    /assets/elements/templates/[[++site_template]]/src/js/tickets.js
    	    `
    ]]
    [[+MinifyX.css]]
    </head>
    Сергей Шлоков
    31 октября 2015, 11:14
    0
    Выглядит интересно. Плюсанул. Дальше можно предлагать темы за небольшие денежки.
      Alexander V
      31 октября 2015, 15:32
      0
      Спасибо. Для этого и задумывалось. За неделю тестирования, в админку почти не лазил. Все через FTP, правда в некоторых случаях требуется обновить кэш.
      Alexander V
      02 ноября 2015, 07:21
      0
      Git — шаблон
        Павел Гвоздь
        02 ноября 2015, 10:59
        0
        У меня вопрос. На гите тут и далее по коду вот такие строчки присутствуют:
        {$chunk = $_modx->getChunk....}
        Разве присваивание срабатывает в таком случае? Насколько я помню, только так {var $chunk = ....}, а если не срабатывает, то зачем это: $chunk =?
          Alexander V
          02 ноября 2015, 11:12
          0
          Срабатывает.
          Павел Гвоздь
          02 ноября 2015, 11:01
          1
          +1
          И если уж используешь Fenom, то зачем вызывать настройки стандартом [[++site_name]], когда можно так:
          {$_modx->config.site_name}
          ?

          Тем более условия вроде этого:
          [[*content:default=`<div class="uk-alert uk-alert-large">Страница не заполнена!</div>`]]

          Лучше уж так:
          {$_modx->resource.content?: 'пусто'}
            Alexander V
            02 ноября 2015, 11:11
            0
            Fenom используется по-минимуму. Изначальная была идея полностью отказаться от чанков в админке, но это оказалось невозможным. В итоге остались только подключения областей шаблона (head, navbar, sidebar, js).
            С Fenom мало кто знаком, новичкам будет сложно. В первую очередь для них делается, чтобы могли ознакомитьсяс MODX.
          Alexander V
          03 ноября 2015, 21:42
          0
          Обновил демо и собрал транспортный пакет с демо данными.
            Alexander V
            12 ноября 2015, 08:12
            0
            В описании добавлены скрипты для сборки. Использовал для себя, поэтому могут быть недочеты. Установщик пакетов взят отсюда, ссылку не нашел.
            На этом и закончу пожалуй. Тухлая затея, я же говорил!
              Alexander V
              01 февраля 2016, 14:31
              0
              По аналогичной схеме собрал Minishop2 для разработчиков.
              Упростил шаблоны, убрал layout.
              CSS фреймворк Bootstrap.
              Демо и скачать
                Jenya Filimonov
                01 февраля 2016, 17:51
                0
                через 9 дней по традиции будет:
                «На этом и закончу пожалуй. Тухлая затея, я же говорил!»
                ???: ))))
                  Alexander V
                  01 февраля 2016, 17:53
                  0
                  Заметь, что я не прошу деньги или что-то еще. Делал для себя, а не для кого-то.
                  А идея действительно тухлая, я не поменял своего мнения.
                  Здесь я просто решил некоторую боль в шаблонизации.
                    Jenya Filimonov
                    02 февраля 2016, 09:39
                    0
                    Расскажите, как у вас получается превью в тикетах в блоге вставить: ( Вот это очень интересует.
                      Alexander V
                      02 февраля 2016, 15:02
                      0
                      О каком превью вы говорите? Обычная картинка, если вы о той, которая во всю ширину.
                Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
                16