{if class_exists("shopEwshoppvideoPlugin")}
    {$_videos = $wa->shop->ewshoppvideoPlugin->getVideos($product["id"], "published")}
    {if !empty($_videos)}
        <div class="s-ewshoppvideo-plugin-wrapper">
            <div class="b-videos b-posts b-posts--01 b-posts-section">
                <div class="row row-scrolling row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 align-items-stretch row-gap-5">
                    {foreach $_videos as $_video}

                        {* GET IMAGE *}
                        {$image = false}
                        {if !empty($_video["images"])}
                            {$image = $_video["images"][0]["url"]}
                        {/if}

                        <a class="b-post-wrapper b-posts__item placeholder-glow link-emphasis" href="{$_video["url"]}" title="[`Watch`] {$_video["title"]}" data-fancybox="productEwshoppvideoPlugin" data-options='{ "backFocus": false }'>
                            <div class="b-posts__image-wrapper d-block mb-3">
                                {if !empty($image)}
                                    <img class="b-lazyload placeholder" src="{$product_image_placeholder}" data-src="{$image}" alt="{$video["props"]["name"]["value"]}">
                                {else}
                                    <img class="placeholder" src="{$product_image_placeholder}" alt="{$video["props"]["name"]["value"]}">
                                {/if}
                                <div class="b-videos__icon icon icon-d1 position-absolute top-50 start-50 translate-middle">
                                    {call include_icon icon="fontawesome/free/brands/youtube"}
                                </div>
                            </div>

                            {if !empty($_video["title"]) || !empty($_video["description"])}
                                <div class="d-flex flex-column px-3 px-sm-4 gap-3">
                                    {if !empty($_video["title"])}
                                        <div class="b-posts__content">
                                            <div class="b-posts__title fs-lg">
                                                {$_video["title"]}
                                            </div>
                                        </div>
                                    {/if}
                                    {if !empty($_video["description"])}
                                        <div class="b-posts__text fs-sm text-quaternary">
                                            {$_video["description"]}
                                        </div>
                                    {/if}
                                </div>
                            {/if}
                        </a>
                    {/foreach}
                </div>
            </div>
        </div>
    {/if}
{/if}