Как вывести категории в виде карточек товаров?

Question

[DeeUs]

Как вывести категории в виде карточек товаров?
таким образом выводятся товары

код

[[!msProducts?
&parents=`46`
&includeTVs=`product_intro,sale`
&resources=`[[*rel_products]]`
&depth=`2`
&includeContent=`1`
&tpl=`list_termo`
 ]]

Как вывести категории аналогичным образом?

Answer 1

[Руслан]

Вместо msProducts используйте pdoResources (см. https://docs.modx.pro/components/pdotools/snippets... а код вывода будет практически идентичным.

Comments

[DeeUs]

Сделал через pdoResources, но почему то не отображаются изображения категорий.

код вывода

[[pdoResources?
    &parents=`46`
    &depth=`0`
    &includeTVs=`category_intro,img_cat`
    &resources=`[[*rel_products]]`
    &includeContent=`1`
    &prepareTVs=`1`
    &showLog=`1`
    &tpl=`list_termo_c`                                                    
]]

код шаблона

<div class="item-box">
    <p><a href="[[+uri]]" class="title-item">[[+pagetitle]]</a></p>
    <div class="image" >
        <a href="[[+uri]]">
            [[+tv.img_cat]]
        </a>
         
            <div class="clear"></div>
    </div>

    [[+tv.category_intro]]
    <div class="cb"></div>
    <p style="text-align: right;"><a href="[[+uri]]">Подробнее</a></p>
</div>

Вроде все верно прописал, все выводится, кроме изображения(

[Руслан]

DeeUs: Здравствуйте, может вам вот так выводить изображение:
<img scr="[[+tv.img_cat]]" />
И посмотрите привязана ли img_cat к шаблону категории, т.к. выводиться должна.

[DeeUs]

Руслан: я так тоже пробовал делать (забыл упомянуть об этом)
да привязана
я так же забыл еще отметить что это поле содержит в себе 2 поля description и img_cat_inner
пробовал сделать так, но не сработало:
<img scr="[[+tv.img_cat.img_cat_inner]]" />
<img scr="[[+tv.img_cat_inner]]" />
(в &includeTVs естественно это поле присутствует - &includeTVs=`category_intro,img_cat,img_cat_inner`)

[Руслан]

DeeUs: Должно работать, а так, уберите &depth=`0`, &resources=`[[*rel_products]]` и &prepareTVs=`1` - это единственное, что смущает в вызове, особенно &depth=`0` :)

[DeeUs]

Руслан: Если убрать &depth то будет выводится все подряд и товары и категории, значение 0 у этого параметра - обеспечивает мне вывод только категорий.
&resources- доп поле, в котором указаны какие категории выводить, это тоже срабатывает как надо
удаление &prepareTVs=1 ничего не дало
Дополню еще информацию
img_cat - тип ввода migx (помимо img_cat_inner в нем есть еще второе поле description)
img_cat_inner -тип ввода Изображение

[Руслан]

DeeUs: Смотрите, нужно выводить картинку вот так<img scr="[[+tv.img_cat_inner]]" />, а чтобы выводить MIGX, то нужно использовать [[getImageList]]

[DeeUs]

Руслан:
вот это нужно в шаблоне вывода дописать?

[[getImageList?
    &tvname=`img_cat`
    &docid=`[[+id]]`
    &tpl=`@CODE:<img src="[[+img_cat]]"/>
  `]]

или я что то не так делаю?(ибо так сделать не получилось)

[Руслан]

DeeUs: В MIGX нужно создавать поля свои, и их вызывать в шаблоне getImageList и лучше tpl делать чанком, а не через @CODE

[Руслан]

DeeUs: А вообще можете мне в ВК написать (ссылка в аккаунте есть), я посмотрю

[DeeUs]

Вот что в итоге получилось, и теперь все работает!
Сниппет для вывода категорий

[[pdoResources? 
	&parents=`46` 
	&depth = `0` 
	&includeTVs=`category_intro,img_cat,img_cat_inner` 
	&resources=`[[*rel_products]]` 
	&includeContent=`1` 
	&showLog=`1` 
	&showHidden=`1` 
	&tpl=`list_termo_c` 
]]

чанк для вывода категорий (list_termo_c)

<div class="item-box">
    <p><a href="[[+uri]]" class="title-item">[[+pagetitle]]</a></p>
    <div class="image" >
        <a href="[[+uri]]">
            [[getImageList? 
                &tvname=`img_cat` 
                &docid=`[[+id]]` 
                &tpl=`ic`
            ]]
        </a>         
            <div class="clear"></div>
    </div>
    [[+tv.category_intro]]
    <div class="cb"></div>
    <p style="text-align: right;"><a href="[[+uri]]">Подробнее</a></p>
</div>

чанк для вывода изображения (ic)
<img src="[[+image]]" />