Skip to content
  1. Компоненты
  2. msReviews
  3. Интеграция на сайте
  4. msReviewMediaGallery

Сниппет msReviewMediaGallery

Выводит горизонтальную галерею опубликованных фото из отзывов по товару.

Назначение

UGC-блок на странице товара: миниатюры фото покупателей. По умолчанию клик открывает lightbox (стрелки, счётчик, закрытие). С reviewAnchor ссылка ведёт к якорю отзыва на странице.

Где вызывать

  • Шаблон msProduct, между msRatingSummary и msReviews.
  • Передайте hideEmpty=1, чтобы скрыть блок без фото.

Зависимости

  • MiniShop3, msReviews
  • Настройка msreviews_media_enabled
  • Lightbox: сниппет подключает reviews.js при наличии фото; строки UI — через msReviewsLexiconScript (msreviews_media_lightbox_*)

Параметры

ПараметрПо умолчаниюОписание
product_idid ресурсаID товара MS3
limit24Максимум фото (1–100)
tpltplReviewMediaGalleryЧанк-обёртка (плейсхолдер gallery_body)
itemTpltplReviewMediaGalleryItemЧанк элемента. По умолчанию HTML собирается в PHP
hideEmpty1Не выводить без фото
showHeading1Заголовок <h3> «Фото из отзывов»
reviewAnchor(пусто)Якорь отзыва, напр. #msreviews-reviews. Пусто — lightbox вместо перехода

Без reviewAnchor миниатюры получают data-msr-media-lightbox="1". reviews.js открывает диалог с навигацией по всем фото блока.

Перед галереей вызовите msReviewsLexiconScript, иначе подписи кнопок lightbox возьмутся из fallback в JS.

fenom
{'!msReviewsLexiconScript' | snippet}
{'!msReviewMediaGallery' | snippet : [
  'product_id' => $_modx->resource.id,
  'limit' => 12,
  'hideEmpty' => 1
]}
modx
[[!msReviewsLexiconScript]]
[[!msReviewMediaGallery?
  &product_id=`[[*id]]`
  &limit=`12`
  &hideEmpty=`1`
]]

Переход к секции отзывов

С reviewAnchor lightbox отключается: ссылка ведёт на якорь (в Hub/Tabbed секция отзывов — #msreviews-reviews).

fenom
{'!msReviewMediaGallery' | snippet : [
  'product_id' => $_modx->resource.id,
  'limit' => 24,
  'reviewAnchor' => '#msreviews-reviews',
  'hideEmpty' => 1
]}
modx
[[!msReviewMediaGallery?
  &product_id=`[[*id]]`
  &limit=`24`
  &reviewAnchor=`#msreviews-reviews`
  &hideEmpty=`1`
]]

Кастомный itemTpl

При itemTpltplReviewMediaGalleryItem сниппет передаёт в чанк готовый [[+link_html]] (ссылка + img). Разметку ссылки в PHP собирает msr_storefront_media_link_html.

На странице товара

fenom
{'!msReviewsLexiconScript' | snippet}
{'!msRatingSummary' | snippet : ['product_id' => $_modx->resource.id]}
{'!msReviewMediaGallery' | snippet : ['product_id' => $_modx->resource.id, 'limit' => 12, 'hideEmpty' => 1]}
{'!msReviewsFilters' | snippet : ['product_id' => $_modx->resource.id, 'showCounts' => 1]}
{'!msReviews' | snippet : ['product_id' => $_modx->resource.id, 'showStats' => 0]}
modx
[[!msReviewsLexiconScript]]
[[!msRatingSummary? &product_id=`[[*id]]`]]
[[!msReviewMediaGallery? &product_id=`[[*id]]` &limit=`12` &hideEmpty=`1`]]
[[!msReviewsFilters? &product_id=`[[*id]]` &showCounts=`1`]]
[[!msReviews? &product_id=`[[*id]]` &showStats=`0`]]

Чанки: Чанки — галерея.

См. также