WebDesign Master
Курсы
Создание сайта с нуля. Урок #32. Посадка секции «Направления услуг» на MODx (pdoResources)

Создание сайта с нуля. Урок #32. Посадка секции «Направления услуг» на MODx (pdoResources)

Привет, друзья! Это курс «Создание сайта с нуля», урок 32. В данном уроке мы рассмотрим работу с мощнейшим инструментом для создания сайтов на MODx - сниппетом pdoResources и выведем с его помощью элементы на главной, которые имеют свою внутреннюю страницу. Кроме того, узнаем, что такое фильтры вывода MODx и применим один из фильтров на практике.

Создание сайта с нуля. Урок #32. Посадка секции «Направления услуг» на MODx (pdoResources) - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Дополнительные материалы урока:

  • Документация MODx filters

Пример вывода pdoResources из урока:

[[pdoResources? &parents=`0` &tpl=`directTpl` &limit=`3` &resources=`5,6,7` &sortdir=`asc` &includeTVs=`image`]]

Пример чанка directTpl:

<div class="col-sm-4">

	<div class="item-vertical">
		<img class="img-svg" src="[[+tv.image]]" alt="[[+pagetitle:striptags]]">
			<h3>[[+pagetitle]]</h3>
		<p>[[+introtext]]</p>
			<a href="#callback" class="button button-small button-gray"
		data-form="Заказать [[+pagetitle]]"
			data-text="Заказать [[+pagetitle]]"
			>Заказать<span class="hidden-sm"> [[+pagetitle]]</span></a>
	</div>

</div>

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «CMS»

  • Ajax фильтр на MODx Revolution
  • Посадка типовой секции Landing Page на MODx с использованием MIGX (добавляемые поля)
  • Настройка прав доступа для контент-менеджера в MODX Revolution
  • MODX Revolution - Базовый урок
  • Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)
  • Быстрое создание красивых сайтов на WordPress. Layers Style Kit на реальном примере

Разделы сайта:

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Вёрстка
  • CMS

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp 4
2023 © WebDesign Master