[Поддержка] Відео на сторінці товару у pop-up вікні (YouTube/Shorts/Vimeo)

[AlexanderYuzkov]

В 24.02.2024 в 14:50, nykone сказав:

Було б класно, якби була можливість вивести іконку відео в карточку товару, клікаючи на яку, щоб відкривалося відео..

а як таке реалізувати? на шаблонах сhameleon та ultrastore?

[IHOR1989]

@AlexanderYuzkov

Треба додати в модифікатор код, котрий буде виводити подібну іконку, спочатку перевіряєте чи є відео, умовно {% if videos  %}, а далі вже робите як Вам треба: просто іконку виводити, або додавати функціональну кнопку з викликом відео у вигляді вспливаючого вікна.

[Kamaz]

З Shorts працює також?

[Kamaz]

Встановив. Як шаблоні Deals збільшити розмір відображення? І якщо багато фото його можна виводити ще десь поміткою що є відео? Наприклад є функціонал додаткової вкладки.

Змінено 25 жовтня користувачем Kamaz

[IHOR1989]

Доброго дня @Kamaz

Прихований текст

В 25.10.2025 в 12:38, Kamaz сказав:

З Shorts працює також?

 

Так.

 

Прихований текст

В 25.10.2025 в 13:26, Kamaz сказав:

Встановив. Як шаблоні Deals збільшити розмір відображення? І якщо багато фото його можна виводити ще десь поміткою що є відео? Наприклад є функціонал додаткової вкладки.

 

Ні. Але я вище радив як можливо вивести іконку відео. Зображення береться з серверів ютуб. Пропорції 16:9. Далі до зображення застосовуються налаштування вашого шаблону. Але якщо пропорції не збігаються - з`являються білі полоси.

[Kamaz]

В 11.09.2025 в 14:58, AlexanderYuzkov сказав:

а як таке реалізувати? на шаблонах сhameleon та ultrastore?

Вам вдалося реалізувати?

[IHOR1989]

@Kamaz Ось Вам приклад. Можете додати в модифікатор.

Прихований текст

<file path="catalog/view/theme/oct_deals/template/product/product.twig">
    <operation>
        <search><![CDATA[<div class="ds-product-wishlist-compare d-flex align-items-center">]]></search>
        <add position="after"><![CDATA[
            {% if videos %}
                <button type="button" class="br-7 button button-light" aria-label="Video button">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="red">
                        <path d="M13.248 3.764a1.728 1.728 0 0 0-1.214-1.214C11.323 2.5 7 2.5 7 2.5s-4.323 0-5.034.05A1.728 1.728 0 0 0 .752 3.764C0 5.002 0 7 0 7s0 1.998.752 3.236a1.728 1.728 0 0 0 1.214 1.214C2.677 11.5 7 11.5 7 11.5s4.323 0 5.034-.05a1.728 1.728 0 0 0 1.214-1.214C14 8.998 14 7 14 7s0-1.998-.752-3.236zM5.568 9.978V4.022L9.409 7l-3.841 2.978z"/>
                    </svg>
                </button>
            {% endif %}
        ]]></add>
    </operation>
</file>