[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
1 2 3 4 5 6 7 8 9 10 11 12 |
* * [[pdoResources? &parents=`7` &depth=`0` &tpl=`logoItem` &includeTVs=`image` &processTVs=`image` &limit=`0` &includeContent=`1` ]] * |
Сохраним, Обновим! И пока ничего еще не будет:
Далее, нам необходимо создать Шаблон
Вот в чем суть: Так как мы выводим какой то список, через PdoResources , то каждый элемент списка, представляет собой
Отдельную Страницу !
А Отдельная Страница в MODX - должна иметь какой-нибудь шаблон.
Поэтому, пока, мы создадим Пустой шаблон , а в следующих уроках, уже будем создавать Внутренние Страницы
т.е. линковать, наполнять странички контентом, осуществлять посадку на MODX - именно Внутренних Страниц
А сейчас - нам это не нужно,
Создадим Пустой Шаблон , который мы привяжем к определенным ресурсам и зададим - Дополнительное поле
[images] -
которое мы упомянули в PdoResources
Отлично!
Затем GO - в "Ресурсы" -> "Оборудование"
Затем: тут же Создадим Дочерний Ресурс
Обновим страничку: И Аллелуя)) Видем первый Item!
И давайте его доработаем, GO в ЧАНК [logoItem]
1 2 3 4 5 6 7 8 9 10 11 12 13 |
* * [[+tv.image]] [[+pagetitle]] [[+content:striptags:ellipsis=`100`]] * |
Сохраним! Обновим - и увидим, что текст у нас уже выводится (РАБЫ-ТЕКСТ) прямо из редактора:
Теперь - нам просто нужно также заполнить остальные Item-ы!
Смотрим:
И нам советуют - установить Дополнение, которое позволяет быстро выбирать ПРАВИЛЬНЫЙ ШАБЛОН, для Вашего Ресурса:
Поставим его:
Отлично! Установили!
Теперь проверим его в Действии:
По сути КОПИРОВАНИЕМ - На много быстрее получилось!
Это Дополнение не пригодилось нам)
А мы закончили посадку Секции Логотипый Партнеров Карусель:
Конец Санта-Барбары:
Базовый урок "Принципы SEO - для Верстальщика" - по гуглить
[maxbutton id="14" text="Всем клиентам скидки" ]
Посадка секции:
GO в ЧАНК
Давайте создадим категорию:
Давайте создадим Дополнительное Поле:
Сохраним и посмотрим:
Отлично!
Теперь создадим дополнительное поле для вывода текста:
Далее идем в наше созданное Дополнительное поле для текста и заполним его:
И теперь выведем текст GO в ЧАНК:
Смотрим:
[maxbutton id="14" text="Посадка Item - секции С кем можно связаться " ]
Эта секция:
Создадим новую категорию:
Будем делать вывод Item-мов с помощью плагина MIGX
Давайте создадим "Дополнительное поле" с типом MIGX:
Отлично! Создали Дополнительное поле.
Опять используем:
1 2 3 4 5 6 7 8 9 10 |
* * [ {"caption":"Info", "fields": [ {"field":"image","caption":"Изображение","inputTVtype":"image"}, {"field":"title","caption":"Заголовок"}, {"field":"description","caption":"Описание","inputTVtype":"richtext"} ]} ] * |
и табы:
1 2 3 4 5 6 7 |
* * [ {"header": "Наименование", "width": "160", "sortable": "true", "dataIndex": "title"}, {"header": "Изображение", "width": "50", "sortable": "false", "dataIndex": "image","renderer": "this.renderImage"} ] * |
Установим правильный редактор!
И заполним конфигурацию: (УЖЕ РАБОЧАЯ)
Финальная РАБОЧАЯ КОНФИГУРАЦИЯ:
Вкладки формы:
1 2 3 4 5 6 7 8 9 10 11 |
* * [ {"caption":"Info", "fields": [ {"field":"personal_my","caption":"Изображение","inputTVtype":"image"}, {"field":"title","caption":"Заголовок"}, {"field":"phone","caption":"Телефон"}, {"field":"description","caption":"Описание","inputTVtype":"richtext"} ]} ] * |
Разметка колонок:
1 2 3 4 5 6 7 |
* [ {"header": "Наименование", "width": "160", "sortable": "true", "dataIndex": "title"}, {"header": "Изображение", "width": "50", "sortable": "false", "dataIndex": "personal_my","renderer": "this.renderImage"} ] * * |
Отлично! Все получилось!
Смотрим и добавляем Дополнительные поля:
Наполнили!
GO в ЧАНК с Item-мами
У нас не "ЧИСТЫЕ" Item-ы - они не идут Друг-за Другом, а они находятся в разметке Bootstrup - поэтому вырезаем так:
Далее выводим с помощью PdoResources
1 2 3 4 |
* * [[pdoResources? &parents=`0` &tpl=`sotrudnikItem` &limit=`3`]] * |
И видим вывод 1-го размноженного Item-ма
Но теперь сделаем вывод именно по ресурсам из уже заполненных (нами) Дополнительных MIGX-полей:
Далее поработаем над под-чанком:
Финальный код вывода:
1 2 3 4 5 6 7 |
* * [[getImageList? &tvname=`pole_migx_personal` &tpl=`personal_item_chank`]] * * |
Сохраняем! И видим нашу посаженную секцию: