{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
{% block page_product_detail_headline %}
{# move #}
{% endblock %}
{% block page_product_detail_content %}
{% set mediaItems = page.product.media.media %}
{% block page_product_detail_main %}
{% block page_product_detail_media %}
<div class="product-detail-media">
{% if page.product.media %}
{% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
'mediaItems': mediaItems,
'zoom': true,
'zoomModal': true,
'displayMode': 'contain',
'gutter': 5,
'minHeight': '510px',
'navigationArrows': 'inside',
'navigationDots': false,
'galleryPosition': 'left',
'isProduct': true,
'fallbackImageTitle': page.product.translated.name,
'startIndexThumbnails': page.product.cover.position + 1,
'startIndexSlider': page.product.cover.position + 1
} %}
{% endif %}
</div>
{% endblock %}
{% block page_product_detail_buy %}
<div class="product-detail-headline">
{% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
</div>
{% if page.product.customFields.onedot_asus_product_highlight %}
<div class="product-highlight">
{{ page.product.customFields.onedot_asus_product_highlight|raw }}
</div>
{% endif %}
<div class="product-detail-buy">
{% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
<div class="easycredit-box"> </div>
{% sw_include '@Storefront/storefront/page/product-detail/product_successor/listing.html.twig' with {layout: 'minimal'} %}
</div>
{% endblock %}
{% endblock %}
{% endblock %}
{% block base_content %}
{{ parent() }}
<div class="modal fade"
id="prems-wishlist-modal-window"
tabindex="-1"
role="dialog"
aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title h5">
{{ "prems-wishlist.list.your_wishlists"|trans }}
</div>
<button type="button"
class="modal-close close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">
{% sw_icon 'x' style { 'size': 'sm' } %}
</span>
</button>
</div>
<div class="modal-body">
Loading...
</div>
</div>
</div>
</div>
{% endblock %}