{% set product = hookable_metadata.context.product %}

{% if product.images.first %}
    {% set source_path = product.images.first.path %}
    {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
    {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
{% else %}
    {% set original_path = asset('build/shop/images/400x300.png', 'shop') %}
    {% set path = original_path %}
{% endif %}

<div class="row spotlight-group mb-5">
    <div data-product-image="{{ path }}" data-product-link="{{ original_path }}"></div>
    {% hook 'images' with { original_path, path } %}
</div>