CamperManagement.cmCampers Snippet

Последнее обновление not available | История страницы | Улучшить эту страницу | Сообщить о проблеме

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

Budget

$204 per month—let's make that $500!

Learn more

cmCampers агрегирует данные о технике в базе.

Свойства сниппета¶

Свойства cmCampers меняют поведение вывода. Часть совпадает со свойствами cmCamperDetails.

&property	Описание	Значение по умолчанию
start	Смещение: пропустить первые N записей.	0
limit	Число результатов. 0 или большое число для вывода всех.	4
sort	Поле сортировки. Любое поле cmCamper, но не все имеют смысл. При сортировке по связанным объектам (Brand, Owner) сортировка идёт по ID, не по имени. При searchFromRequest=1 sort можно передать в URL.	added
dir	asc	desc. Направление сортировки. При searchFromRequest=1 dir можно передать параметром sortdir в URL.
includeBrand	1	0. Загружать ли brand.
includeOwner	1	0. Загружать ли owner.
includeImages	1	0. Загружать ли изображения.
includeOptions	1	0. Загружать ли опции.
status	Список ID статусов через запятую для фильтрации. ID:

Unconfirmed
Active
Favorite
Conditionally sold
Sold
Inactive | 1,2,3,4 | | numimages | Сколько изображений загружать на запись. | 1 | | target | ID ресурса страницы деталей. makeUrl строит ссылку с «cid» и ID кемпера по настройкам friendly URL. | 2 | | tplOuter | Имя чанка. Внешний шаблон всего результата. Плейсхолдеры | cmDefaultTplOuter | | tplItem | Имя чанка. Шаблон одного элемента. Плейсхолдеры | cmDefaultTplItem | | tplImageOuter | Имя чанка. Внешний шаблон изображений на элемент. Плейсхолдеры | cmDefaultTplImageOuter | | tplImageItem | Имя чанка. Шаблон одного изображения. Плейсхолдеры | cmDefaultTplImageItem | | tplOptionsOuter | Имя чанка. Внешний шаблон опций на элемент. Плейсхолдеры | cmDefaultTplOptionsOuter | | tplOptionsItem | Имя чанка. Шаблон одной опции. Плейсхолдеры | cmDefaultTplOptionsItem | | tplOwner | Имя чанка. Шаблон владельца. Плейсхолдеры | cmDefaultTplOwner | | searchFromRequest | 1 | 0. При 1 читает POST/GET для status, sort и dir и переопределяет свойства сниппета. Поля: status, sort, dir. При фильтре status задаётся плейсхолдер «statusfilter». | 0 | | locale | Локаль для money_format при форматировании цены. | it_IT | | toPlaceholder | При задании записывает результат в плейсхолдер с ключом из &toPlaceholder. | |

Примеры использования¶

Пример 1: простой обзор последних добавлений¶

Переопределите чанки item и image item, выведите 4 последних записи со ссылкой на детали с ID 12.

[[!cmCampers? &tplItem=`cmTplItem` &tplImageItem=`cmTplImage` &limit=`4` &target=`12`]]

Чанк cmTplItem:

<li onclick="location.href='[[+url]]'">
    <div class="status[[+status]]"></div>
    [[+images:default=`<img src="/assets/templates/lighthouse/cmimg/ph.png" />`]]
    <h4><a href="[[+url]]" title="[[+brand]] [[+type]]">[[+brand]] [[+type]]</a></h4>
    <ul>
        <li><span>Manufactured:</span> [[+manufactured]]</li>
        <li><span>Mileage:</span> [[+mileage]]</li>
        <li><span>Engine:</span> [[+engine]]</li>
        <li><span>Price:</span> &euro; [[+price]]</li>
    </ul>
</li>

С CSS результат такой (есть что улучшить):

Пример 2: слайдшоу избранной техники¶

Пример предполагает плагин слайдшоу и показывает, как tpl-свойства дают нужный HTML.

В шаблоне (под скрипт слайдшоу):

<div id="slideshow">  
   [[!cmCampers? &status=`2` &tplOuter=`cmHomeOuter` &tplItem=`cmHomeItem` &tplImageItem=`cmHomeImage` &searchFromRequest=`0` &target=`12` ]]
</div>

Фильтр status=2 (favorites), чанки:

cmHomeOuter выводит только внутреннее содержимое вместо ul по умолчанию. div из шаблона можно перенести в outer.

[[+items]]

cmHomeItem: изображения и подпись для одной записи. Подстройте под свой скрипт.

<div class="slide">
  <a href="[[+url]]" title="[[+brand]] [[+type]]" >[[+images]]</a>
  <div class="slider-infobox">
    <p><a href="[[+url]]" title="[[+brand]] [[+type]]" >[[+brand]] [[+type]] - &euro; [[+price]]</a></p>
  </div>
</div>

cmHomeImage: только тег img.

<img src="[[+image]]" alt="[[+brand]] [[+type]]" />

HTML одного элемента на фронтенде:

 <div class="cycle">
  <a href="aanbod/details.html?cid=12" title="TEC Siena Saphir 510 TR" ><img src="/assets/components/campermanagement/uploads/2011/12/cm25917-723.jpg" alt="TEC Siena Saphir 510 TR" /></a>
  <div class="slider-infobox">
    <p><a href="aanbod/details.html?cid=12" title="TEC Siena Saphir 510 TR" >TEC Siena Saphir 510 TR - &euro; 5.999,00</a></p>
  </div>
</div>

Со скриптом слайдшоу и CSS кадры сменяются с fade:

Пример 3: горизонтальные строки¶

Скоро…!

Идея: слайдшоу изображений на карточке¶

У каждой записи может быть несколько изображений, но numimages по умолчанию 1. Через tplImageOuter и tplImageItem можно сделать мини-слайдшоу в обзоре. Если реализуете или уже сделали, напишите автору: hello at markhamstra dot com.