ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ ЧАНКОВ Gallery3xVideos

==============================================
ЧАНК 1: tpl.Gallery3x.Video.outer + tpl.Gallery3x.Video.item
==============================================
ОПИСАНИЕ: Базовая сетка видео БЕЗ Fenom
КОГДА ИСПОЛЬЗОВАТЬ: Если у вас нет pdoTools или не нужен Fenom

ВЫЗОВ:
[[Gallery3xVideos?
    &tplOuter=`tpl.Gallery3x.Video.outer`
    &tplItem=`tpl.Gallery3x.Video.item`
]]

ЧТО ПОЛУЧИТСЯ:
✅ Адаптивная сетка карточек
✅ Превью с анимацией Play при наведении
✅ Бейджи сервисов (YouTube, Rutube, VK)
✅ Клик по карточке → переход на видео
✅ Красивые hover эффекты


==============================================
ЧАНК 2: tpl.Gallery3x.Video.outer.fenom
==============================================
ОПИСАНИЕ: Все в одном чанке С Fenom (РЕКОМЕНДУЕТСЯ)
КОГДА ИСПОЛЬЗОВАТЬ: Если есть pdoTools - самый удобный вариант

ВЫЗОВ:
[[Gallery3xVideos?
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
]]

ЧТО ПОЛУЧИТСЯ:
✅ То же что и Чанк 1, но в одном файле
✅ Обработка пустого состояния ("Видео не найдены")
✅ Градиент для видео без превью
✅ Мощнее и гибче


==============================================
ЧАНК 3: tpl.Gallery3x.Video.grid + tpl.Gallery3x.Video.grid.item
==============================================
ОПИСАНИЕ: Компактная сетка БЕЗ Fenom
КОГДА ИСПОЛЬЗОВАТЬ: Для боковой панели или виджетов

ВЫЗОВ:
[[Gallery3xVideos?
    &tplOuter=`tpl.Gallery3x.Video.grid`
    &tplItem=`tpl.Gallery3x.Video.grid.item`
    &limit=`6`
]]

ЧТО ПОЛУЧИТСЯ:
✅ Более компактные карточки
✅ Упрощенная информация
✅ Меньше отступов
✅ Подходит для сайдбаров


==============================================
ЧАНК 4: tpl.Gallery3x.Video.embedded.fenom
==============================================
ОПИСАНИЕ: Видео ВСТРОЕНЫ на страницу (iframe плееры)
КОГДА ИСПОЛЬЗОВАТЬ: Когда нужно смотреть видео БЕЗ перехода на YouTube/Rutube

ВЫЗОВ:
[[Gallery3xVideos?
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.embedded.fenom`
]]

ЧТО ПОЛУЧИТСЯ:
✅ Видео воспроизводятся прямо на странице
✅ Адаптивные iframe плееры (16:9)
✅ Кнопка "Открыть на YouTube/Rutube"
✅ Полная информация под видео


==============================================
ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ НА РЕАЛЬНЫХ СТРАНИЦАХ:
==============================================

📺 СТРАНИЦА "ВИДЕОГАЛЕРЕЯ" (основная):
──────────────────────────────────────
[[Gallery3xVideos?
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
    &sortby=`position`
    &sortdir=`ASC`
]]

Результат: Красивая сетка со всеми видео


📺 РАЗДЕЛ "ПРОМО ВИДЕО":
──────────────────────────────────────
[[Gallery3xVideos?
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
    &group=`Промо`
    &limit=`6`
]]

Результат: 6 промо-видео в сетке


📺 БОКОВАЯ ПАНЕЛЬ "ПОПУЛЯРНЫЕ ВИДЕО":
──────────────────────────────────────
<div class="sidebar-widget">
    <h3>Популярные видео</h3>
    [[Gallery3xVideos?
        &tplOuter=`tpl.Gallery3x.Video.grid`
        &tplItem=`tpl.Gallery3x.Video.grid.item`
        &limit=`3`
        &sortby=`createdon`
        &sortdir=`DESC`
    ]]
</div>

Результат: 3 последних видео компактно


📺 СТРАНИЦА КУРСА (видео встроены):
──────────────────────────────────────
<div class="course-lessons">
    <h2>Уроки курса</h2>
    [[Gallery3xVideos?
        &fenom=`1`
        &tplOuter=`tpl.Gallery3x.Video.embedded.fenom`
        &group=`Урок 1,Урок 2,Урок 3`
    ]]
</div>

Результат: Видеоуроки с плеерами на странице


📺 ГЛАВНАЯ СТРАНИЦА (последние видео):
──────────────────────────────────────
<section class="latest-videos">
    <h2>Новые видео</h2>
    [[Gallery3xVideos?
        &fenom=`1`
        &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
        &limit=`8`
        &sortby=`createdon`
        &sortdir=`DESC`
    ]]
    <a href="/videos/" class="btn-more">Все видео →</a>
</section>

Результат: 8 последних видео + кнопка


📺 С ПАГИНАЦИЕЙ (много видео):
──────────────────────────────────────
[[pdoPage?
    &element=`Gallery3xVideos`
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
    &limit=`12`
    &sortby=`createdon`
    &sortdir=`DESC`
]]

<div class="pagination">
    [[!+page.nav]]
</div>

Результат: По 12 видео на странице с пагинацией


📺 НЕСКОЛЬКО РАЗДЕЛОВ НА ОДНОЙ СТРАНИЦЕ:
──────────────────────────────────────
<h2>Обучающие видео</h2>
[[Gallery3xVideos?
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
    &group=`Обучение`
]]

<h2>Отзывы клиентов</h2>
[[Gallery3xVideos?
    &fenom=`1`
    &tplOuter=`tpl.Gallery3x.Video.outer.fenom`
    &group=`Отзывы`
]]

Результат: Два раздела с разными группами


==============================================
СРАВНЕНИЕ ЧАНКОВ:
==============================================

┌─────────────────────┬────────┬──────────┬───────────┬──────────┐
│ Чанк                │ Fenom  │ Размер   │ Для чего  │ Плееры   │
├─────────────────────┼────────┼──────────┼───────────┼──────────┤
│ Video.outer + item  │ Нет    │ Средние  │ Основное  │ Нет      │
│ Video.outer.fenom   │ Да     │ Средние  │ Основное  │ Нет      │
│ Video.grid + item   │ Нет    │ Малые    │ Сайдбары  │ Нет      │
│ Video.embedded      │ Да     │ Большие  │ Страница  │ Да       │
└─────────────────────┴────────┴──────────┴───────────┴──────────┘


==============================================
КАКОЙ ЧАНК ВЫБРАТЬ?
==============================================

❓ У вас НЕТ pdoTools?
   → Используйте: tpl.Gallery3x.Video.outer + item

❓ Есть pdoTools и нужна обычная галерея?
   → Используйте: tpl.Gallery3x.Video.outer.fenom

❓ Нужно компактно в сайдбаре?
   → Используйте: tpl.Gallery3x.Video.grid + item

❓ Видео должны воспроизводиться на странице?
   → Используйте: tpl.Gallery3x.Video.embedded.fenom

❓ Много видео, нужна пагинация?
   → Любой чанк + pdoPage


==============================================
НАСТРОЙКА ПОД СЕБЯ:
==============================================

Все чанки можно скопировать и изменить:
1. Создайте свой чанк: tpl.MyVideos.Custom
2. Скопируйте код из любого примера
3. Измените HTML/CSS под свой дизайн
4. Используйте в вызове: &tplOuter=`tpl.MyVideos.Custom`


==============================================
ВАЖНО:
==============================================

✅ Все стили ВСТРОЕНЫ в чанки - ничего дополнительно подключать не надо
✅ Все чанки АДАПТИВНЫЕ - работают на мобильных
✅ Все чанки с КРАСИВЫМИ ЭФФЕКТАМИ - hover, анимация и т.д.
✅ Правильные поля: [[+url]] и [[+title]] (не video_url и не name!)
