Webdesign Создание сайта Part-7 Посадка на MODX

[maxbutton id="12" url="#skidki_simle" text="Всем клиентам скидки - простая секция" ]

[maxbutton id="12" url="#item-section-personal" text="Посадка Item - секции С кем можно связаться" ]

[maxbutton id="15" url="#end_page" text="Go to END" ]

САНТА БАРБАРА)

И начинаем посадку следующей секции:

Что тут примечательно?

Это слайдер сделанный с помощью OwlCarousel

Мы будем выводить с помощью PdoResources

Поскольку все эти Item-мы у нас будут иметь внутреннюю страницу.

GO в ЧАНК:

Создадим Категорию:

Создадим Вложенный ЧАНК для Item-а Лого Партнеров

Далее выводим с помощью PdoResources

*
*
            [[pdoResources? 
            &parents=`7`
            &depth=`0`
            &tpl=`logoItem`
            &includeTVs=`image`
            &processTVs=`image`
            &limit=`0`
            &includeContent=`1`
            ]]
*

[[pdoResources?

&parents=`7`

&depth=`0`

&tpl=`logoItem`

&includeTVs=`image`

&processTVs=`image`

&limit=`0`

&includeContent=`1`

]]

Сохраним, Обновим! И пока ничего еще не будет:

Далее, нам необходимо создать Шаблон

Вот в чем суть: Так как мы выводим какой то список, через PdoResources , то каждый элемент списка, представляет собой

Отдельную Страницу !

А Отдельная Страница в MODX - должна иметь какой-нибудь шаблон.

Поэтому, пока, мы создадим Пустой шаблон , а в следующих уроках, уже будем создавать Внутренние Страницы

т.е. линковать, наполнять странички контентом, осуществлять посадку на MODX - именно Внутренних Страниц

А сейчас - нам это не нужно,

Создадим Пустой Шаблон , который мы привяжем к определенным ресурсам и зададим - Дополнительное поле

[images] -

которое мы упомянули в PdoResources

Отлично!

Затем GO - в "Ресурсы" -> "Оборудование"

Затем: тут же Создадим Дочерний Ресурс

Обновим страничку: И Аллелуя)) Видем первый Item!

И давайте его доработаем, GO в ЧАНК [logoItem]

*
*

[[+tv.image]]


[[+pagetitle]]


[[+content:striptags:ellipsis=`100`]]


*

[[+tv.image]]

[[+pagetitle]]

[[+content:striptags:ellipsis=`100`]]

Сохраним! Обновим - и увидим, что текст у нас уже выводится (РАБЫ-ТЕКСТ) прямо из редактора:

Теперь - нам просто нужно также заполнить остальные Item-ы!

Смотрим:

И нам советуют - установить Дополнение, которое позволяет быстро выбирать ПРАВИЛЬНЫЙ ШАБЛОН, для Вашего Ресурса:

Поставим его:

Отлично! Установили!

Теперь проверим его в Действии:

По сути КОПИРОВАНИЕМ - На много быстрее получилось!

Это Дополнение не пригодилось нам)

А мы закончили посадку Секции Логотипый Партнеров Карусель:

Конец Санта-Барбары:

Базовый урок "Принципы SEO - для Верстальщика" - по гуглить

Далее,

[maxbutton id="14" text="Всем клиентам скидки" ]

Посадка секции:

GO в ЧАНК

Давайте создадим категорию:

Давайте создадим Дополнительное Поле:

Сохраним и посмотрим:

Отлично!

Теперь создадим дополнительное поле для вывода текста:

Далее идем в наше созданное Дополнительное поле для текста и заполним его:

И теперь выведем текст GO в ЧАНК:

Смотрим:

Далее,

[maxbutton id="14" text="Посадка Item - секции С кем можно связаться " ]

Эта секция:

Создадим новую категорию:

Будем делать вывод Item-мов с помощью плагина MIGX

Давайте создадим "Дополнительное поле" с типом MIGX:

Отлично! Создали Дополнительное поле.

Опять используем:

*
*
[
{"caption":"Info", "fields": [
{"field":"image","caption":"Изображение","inputTVtype":"image"},
{"field":"title","caption":"Заголовок"},
{"field":"description","caption":"Описание","inputTVtype":"richtext"}
]}
]
*

[

{"caption":"Info", "fields": [

{"field":"image","caption":"Изображение","inputTVtype":"image"},

{"field":"title","caption":"Заголовок"},

{"field":"description","caption":"Описание","inputTVtype":"richtext"}

]}

]

и табы:

*
*
[
{"header": "Наименование", "width": "160", "sortable": "true", "dataIndex": "title"},
{"header": "Изображение", "width": "50", "sortable": "false", "dataIndex": "image","renderer": "this.renderImage"}
]
*

[

{"header": "Наименование", "width": "160", "sortable": "true", "dataIndex": "title"},

{"header": "Изображение", "width": "50", "sortable": "false", "dataIndex": "image","renderer": "this.renderImage"}

]

Установим правильный редактор!

И заполним конфигурацию: (УЖЕ РАБОЧАЯ)

Финальная РАБОЧАЯ КОНФИГУРАЦИЯ:

Вкладки формы:

*
*
[
{"caption":"Info", "fields": [
{"field":"personal_my","caption":"Изображение","inputTVtype":"image"},
{"field":"title","caption":"Заголовок"},
{"field":"phone","caption":"Телефон"},
{"field":"description","caption":"Описание","inputTVtype":"richtext"}
]}
]
*

[

{"caption":"Info", "fields": [

{"field":"personal_my","caption":"Изображение","inputTVtype":"image"},

{"field":"title","caption":"Заголовок"},

{"field":"phone","caption":"Телефон"},

{"field":"description","caption":"Описание","inputTVtype":"richtext"}

]}

]

Разметка колонок:

*
[
{"header": "Наименование", "width": "160", "sortable": "true", "dataIndex": "title"},
{"header": "Изображение", "width": "50", "sortable": "false", "dataIndex": "personal_my","renderer": "this.renderImage"}
]
*
*

[

{"header": "Наименование", "width": "160", "sortable": "true", "dataIndex": "title"},

{"header": "Изображение", "width": "50", "sortable": "false", "dataIndex": "personal_my","renderer": "this.renderImage"}

]

Отлично! Все получилось!

Смотрим и добавляем Дополнительные поля:

Наполнили!

GO в ЧАНК с Item-мами

У нас не "ЧИСТЫЕ" Item-ы - они не идут Друг-за Другом, а они находятся в разметке Bootstrup - поэтому вырезаем так:

Далее выводим с помощью PdoResources

*
*
[[pdoResources? &parents=`0` &tpl=`sotrudnikItem` &limit=`3`]]
*

[[pdoResources? &parents=`0` &tpl=`sotrudnikItem` &limit=`3`]]

И видим вывод 1-го размноженного Item-ма

Но теперь сделаем вывод именно по ресурсам из уже заполненных (нами) Дополнительных MIGX-полей:

Далее поработаем над под-чанком:

Финальный код вывода:

*
*
        [[getImageList?
        &tvname=`pole_migx_personal`
        &tpl=`personal_item_chank`]]
*
*

[[getImageList?

&tvname=`pole_migx_personal`

&tpl=`personal_item_chank`]]

Сохраняем! И видим нашу посаженную секцию:

Конец статьи)

Рубрики:

WEB-Верстка