Сложный &tpl состоящий из 2 частей — как?

Привет.
Хочу сделать Слайдер с выводом информации с помошью pdoResources или BannerY.
Шаблон требует вывода плейсхолдеров в разных блоках HTML: 
<div class="col-lg-6">
	<div class="swiper>
		{* Start &TPL part-1 *}
		<div class=" swiper-slide">{$name}</div>
		{* End &TPL part-1 *}
	</div>
</div>
<div class="col-lg-6">
	<div class="swiper-tabs">
		{* Start &TPL part-2 *}
		<div class="swiper-tab">{$name2}</div>
		{* End &TPL part-2 *}
	</div>
</div>

Пример работы слайдера:


Не могу пока найти элегантное решение.
Григорий
Григорий
19 февраля 2024, 14:54
modx.pro
950

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

Александр Туниеков
Александр Туниеков
20 февраля 2024, 18:40
pdoResources делает getChunk на каждую запись из базы. То есть на каждый ресурс вызывается обработка чанка.
Насколько я понимаю задачу, то либо вызывать pdoResources 2 раза, либо писать свой сниппет.
1) вызывать pdoResources 2 раза
<div class="col-lg-6">
	<div class="swiper>
		{* Start &TPL part-1 *}
                {'!pdoResources' | snippet : [
		      'tpl' = '<div class=" swiper-slide">{$name}</div>'
                ]}
		{* End &TPL part-1 *}
	</div>
</div>
<div class="col-lg-6">
	<div class="swiper-tabs">
		{* Start &TPL part-2 *}
                {'!pdoResources' | snippet : [
		      'tpl' = '<div class="swiper-tab">{$name2}</div>'
                ]}
		{* End &TPL part-2 *}
	</div>
</div>
Либо написать сниппет, например, getRes. Только для modx 2.x
$pdo = $modx->getService('pdoFetch');
$pdo->setConfig([
    'parents'=>'10',
    'return'=>'data',
    'limit'=>20
]);
$resources = $pdo->run();

return $pdo->getChunk('getResTPL',[
    'resources'=>$resources
]);
getResTPL
<div class="col-lg-6">
	<div class="swiper>
		{* Start &TPL part-1 *}
                {foreach $resources as $res}
                    <div class=" swiper-slide">{$res.name}</div>
                {/foreach}
		{* End &TPL part-1 *}
	</div>
</div>
<div class="col-lg-6">
	<div class="swiper-tabs">
		{* Start &TPL part-2 *}
                {foreach $resources as $res}
                    <div class="swiper-tab">{$res.name2}</div>
                {/foreach}
		{* End &TPL part-2 *}
	</div>
</div>
    Григорий
    Григорий
    21 февраля 2024, 13:43
    Отлично. Благодарю.
    А если необходимо использовать баннерокрутилку BannerY?
    Это скорее даже более универсальный вариант для подобного слайдера…
Алексей Смирнов
Алексей Смирнов
20 февраля 2024, 21:20
Судя по анимации слайдера у вас не должно быть проблем, тк текст и изображение приходят я так понимаю вместе в одном tpl… да?
Если данные в разных полях или частях, то эти данные перед выводом следует обьединить как-то и не придется вызывать лишние pdoRes…
    Григорий
    Григорий
    21 февраля 2024, 13:46
    В том и проблема, что текст и картинки крутятся в разных частях html. Нужны два разных вывода плейсхолдеров…
      Алексей Смирнов
      Алексей Смирнов
      21 февраля 2024, 14:05
      Из приведеного кода не понятно что к чему относиться.
      Например если это так как я ниже на рисунке обозначил, то я не понимаю вашу проблему тк все в одном блоке.
        Григорий
        Григорий
        22 февраля 2024, 22:13
        Это разные блоки. Вот живой пример: https://silicon.createx.studio/landing-saas-v4.html
        Покрутите слайдер рядом с заголовком Industries We Serve.
          Алексей Смирнов
          Алексей Смирнов
          22 февраля 2024, 22:36
          Понял.
          Вариант первого решения:
          1) 1 вызов pdoRes.
          2) В чанке записываете в плейсхолдер вторую часть Html с нужными данными
          3) в коде получаете 1 область вывод через PdoRes, а вторая — плейсхолдер.

          Вариант 2.
          1) 1 вызов pdoRes с указанием return => data. в этом случае вам придет голый массив.
          2) с помощью не хитрых манипуляций типа foreach и прочих переменных фенома можно разделить данные в нужные блоки и вывести как хотите.

          Это вкратце. те вызывать 2 раза pdoRes нет необходимости.
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    8