{% sw_extends '@Storefront/storefront/component/product/card/box.html.twig' %}{% block component_product_box_include %} {% if true === product.customFields.selfdelve_theme_product_is_configurator and product.cover.media %} <div class="card product-box box-{{ layout }} box-{{ layout }}-configurator position-relative" style="background-image: url('{{ product.cover.media.url }}');" > <div class="card-body d-flex flex-column align-items-end"> <div class="w-100"> <div class="h1 text-white mt-5 mb-4"> {{ product.customFields.selfdelve_theme_product_configuration_listing_header }} </div> </div> <div class="mt-auto w-100"> <p class="lead text-white mb-5"> {{ product.customFields.selfdelve_theme_product_configuration_listing_text }} </p> <a href="{{ seoUrl('frontend.detail.page', {'productId': product.id}) }}" class="d-block w-100 btn btn-secondary lead" title="{{ product.customFields.selfdelve_theme_product_configuration_listing_linktext }}"> {{ product.customFields.selfdelve_theme_product_configuration_listing_linktext }} </a> </div> </div> </div> {% else %} {{ parent() }} {% endif %}{% endblock %}