docs.modx.pro
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
Зависимости
  1. Компоненты
  2. PageBuilder
  3. Каталог секций
  4. Pro
  5. Похожие товары

Похожие товары ​

На карточке товара показывает другие SKU из той же (или заданной) категории, кроме текущего ресурса.

Похожие товары

Информация

Требуются PageBuilder Pro и miniShop3.

Cross-sell на карточке ​

  • Исключает текущий товар из выборки
  • Контекст страницы товара, не отдельный сниппет
  • Категория и лимит в инспекторе

Типичные места ​

  • На карточке товара: «Смотрите также»
  • В корзине: допродажа
  • На странице «Спасибо за заказ»

Примеры страниц ​

Категория и исключение ​

Категория, Исключить товар (текущий), Лимит. Работает в контексте страницы товара.

Похожие секции ​

Параметры блока ​

ПараметрЗначение
keyrelated_products
СлойPro
Категориямагазин (commerce)
Chunkpagebuilderpro_related_products
Требованияpro, minishop3

Поля в редакторе ​

Заполните поля в инспекторе секции на ресурсе. Описание типов полей: справочник типов.

Заголовок (title) ​

Тип text. Необязательное.

Корень каталога (parent) ​

Тип relation. Обязательное. Выбор одного ресурса MODX в модальном окне поиска.

Исключить товар (product) ​

Тип relation. Необязательное. Выбор одного ресурса MODX в модальном окне поиска.

Лимит (limit) ​

Тип number. Необязательное.

Сортировка (sortby) ​

Тип select. Необязательное. Выпадающий список с заранее заданными вариантами.

Что видит посетитель ​

Сетка pb-related-products через msProducts.

Данные секции ​

Пример JSON после сохранения секции. Для media, video и map значения на выводе могут быть обогащены:

json
{
  "title": "Заголовок секции",
  "parent": 101,
  "product": 201,
  "limit": 6,
  "sortby": "menuindex"
}

Шаблон chunk ​

Fenom chunk pagebuilderpro_related_products:

fenom
{set $catalogParent = $parent.id|default:($parent_id|default:0)}
{set $excludeId = $product.id|default:($product_id|default:0)}
{set $listing = ''}
{if $catalogParent}
  {set $listing = $modx->runSnippet('msProducts', [
    'parents' => $catalogParent,
    'depth' => 10,
    'limit' => $limit|default:4,
    'tpl' => 'pagebuilderpro_ms3_product_row',
    'includeVendorFields' => '*',
    'includeOptions' => 'color,size',
    'withCurrency' => 1,
    'showZeroPrice' => 1,
    'resources' => ($excludeId > 0) ? ('-' ~ $excludeId) : '',
    'sortby' => $ms_sortby|default:'msProduct.menuindex',
    'sortdir' => $ms_sortdir|default:'ASC'
  ])}
{/if}
<section class="pb-section pb-section--related-products pb-related-products pb-listing{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="related_products"{if $id} id="pb-{$id|escape}"{/if}>
  <div class="pb-section__inner">
    {if $title}
      <h2 class="pb-heading">{$title|escape}</h2>
    {/if}
    {if $listing}
      <div class="pb-listing__grid">
        {$listing}
      </div>
    {else}
      <p class="pb-listing__empty">{'pagebuilder_fe_listing_empty_related' | lexicon}</p>
    {/if}
  </div>
</section>

Связанные страницы ​