Как интегрировать собственную верстку в miniShop2 / MODX?

Question

[Сергей Игнатьев]

Здравствуйте.
Я пересмотрел документацию, но так и не разобрался, как добавить собственные стили для оформления элементов, при использовании miniShop2. Например, как создать чанк вывода товара?
В pdoTools подобная процедура расписана очень подробно и понятно, легко разобраться.
Подскажите пожалуйста, если можно, «укажите пальцем», где посмотреть документацию, чтобы понять, как добавить собственную верстку/стили при выводе элементов страницы через miniShop2 ?

Answer 1

[Антон Тарасов]

Добрый день!
Ну как же, например, вывод товаров через msProducts
смотрим в таблицу параметров сюда: https://docs.modx.pro/components/minishop2/snippet...

• tpl tpl.msProducts.row Чанк оформления для каждого результата
  

По умолчанию tpl.msProducts.row используется, создаете свой чанк, например, myNewChunk, редактируете его сообразно вашей верстке, дальше при выводе товаров помимо прочих параметров указываете:

[[!msProducts?
&parents=`0`
&tpl=`myNewChunk`
//другие параметры
]]

Такая логика работает для каждого вывода - в корзине, в мини-корзине, в заказе и т.д.

Comments

[Сергей Игнатьев]

Спасибо большое за подробный ответ!:)!
Может быть вы еще подскажете, как в новом чаке, указывать место размещения:текста: превью, цены...
То есть, как задавать TV для размещения этих параметров, какое им давать название?
К примеру, если я создал такой чанк:

<li>
       <div>[[*tv-img]]</div>
       <p>[[*tv-about]]</p>
       <div>[[*tv-priсe]]</div>
   </li>

Может быть я не совсем точные написал слова, но я надеюсь вы поняли, что я имю в виду)

[Антон Тарасов]

Вот этот параметр вам нужно добавить в вывод сниппета, т.е. &includeTVs=`tv-img,tv-about,tv-price` и тогда можно будет вызвать через плейсхолдеры [[+tv-img]] и т.д.

includeTVs 		Список ТВ параметров для выборки, через запятую. Например: "action,time" дадут плейсхолдеры [[+action]] и [[+time]].

[Сергей Игнатьев]

Антон Тарасов, Спасибо вам большое за помощь! Очень сильно!
Я веб дизайном занимаюсь, буду рад, если смогу вам чем-то, тоже помочь)

[Антон Тарасов]

Сергей Игнатьев, спасибо и вам, буду в курсе! Удачи)

Answer 2

[Сергей Игнатьев]

Моя невнимательность.... нужно было смотреть документацию по снипетам....