Вывод pdoResources

Версия MODX: Все

Не могу понять, как вывести ресурсы по 4 штуки в виде карусели? Чтоб на каждом слайде было по несколько ресурсов?
В верстве выглядит так:

<wrapper start>
	 source 1
	 source 2
	 source 3
	 source 4
<wrapper end>
<wrapper start>
	 source 5
	 source 6
	 source 7
	 source 8
<wrapper end>

и т.д.(

Дима
22.11.20 в 19:11

Комментарии (4)

Олег 23.11.2020 09:03 #

Самый простой вариант — сделать несколько вызовов pdoResources, по одному внутри каждого wrapper, с использованием &limit и &offset
Если уточните задачу — могу конкретнее ответить
1. Дима 24.11.2020 03:46 #
  
  Был бы благодарен.
  Суть в следующем: ресурсы выводятся в блоках по несколько штук в столбик. Как пример вот:
  
  Если делать двойной вызов, то как-то надо указать pdoResources, что с каждой итерацией надо выводить следующие 4 ресурса. При первой это 1-4, при второй это с 5 по 8, например, и т.д.
  Т.е.каждый слайд с классом slide-item имеет в себе несколько товаров, тут их 4, потом следующий слайд в такой же обертке имеет по 4 товара и т.д.
  Как через pdoResources разбить их правильно, чтобы в первом слайде выводились товары с 1 по 4, во втором слайде с 5 по 8, в третьем с 9 по 12 и т.д.?
  
  или вот
  
  Тут товары тоже в верстке выводятся по 2 штуки в столбик вот так:
  1 | 3 | 5 | 7
  2 | 4 | 6 | 8
  Каждая пара 1-2, 3-4 и т.д.тоже обернута в некий контейнер. И получается, что задача сводится к выводу таким же способом.
  1. Олег 26.11.2020 09:35 #
    Как через pdoResources разбить их правильно, чтобы в первом слайде выводились товары с 1 по 4, во втором слайде с 5 по 8, в третьем с 9 по 12 и т.д.?
    
    [ [pdoResources? &parents=`1` &depth=`0` &offset=`0` &limit=`4` &tpl=`ListRowTpl` ] ] [ [pdoResources? &parents=`1` &depth=`0` &offset=`4` &limit=`4` &tpl=`ListRowTpl` ] ] [ [pdoResources? &parents=`1` &depth=`0` &offset=`8` &limit=`4` &tpl=`ListRowTpl` ] ]
    
    Либо тупо в лоб прямо вот так, либо отдельный сниппет, который в цикле генерирует вызовы pdoResources с нужным оффсетом.
    
    Комментарий был изменён 26.11.2020 в 09:37

Дима 24.11.2020 03:48 #

Вот пример этой верстки:

<div class="product-slider-init theme1 slick-nav">
    <div class="slider-item">
        <div class="product-list mb-30">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
        <div class="product-list">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
    </div>
    <!-- slider-item end -->
    <div class="slider-item">
        <div class="product-list mb-30">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
        <div class="product-list">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
    </div>
    <!-- slider-item end -->
    <div class="slider-item">
        <div class="product-list mb-30">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
        <div class="product-list">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
    </div>
    <!-- slider-item end -->
    <div class="slider-item">
        <div class="product-list mb-30">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
        <div class="product-list">
            код с заголовком и фото ресурса
            <!-- product-list End -->
        </div>
    </div>
    <!-- slider-item end -->
    <div class="slider-item">
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
    </div>
    <!-- slider-item end -->
    <div class="slider-item">
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
        <div class="slider-item">
            <div class="product-list mb-30">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
            <div class="product-list">
                код с заголовком и фото ресурса
                <!-- product-list End -->
            </div>
        </div>
    </div>
    <!-- slider-item end -->
</div>

Комментарий был изменён 24.11.2020 в 03:51

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.