{% block buy_widget %} <div class="product-detail-buy{% if elementId %}-{{ elementId }}{% endif %} js-magnifier-zoom-image-container"> <div class="categorie-reviews d-flex"> {% set category2 = page.header.navigation.active %} {% set product2 = page.product.active %} {% if product2 %} {% for breadcrumb in category2.translated['breadcrumb'] %} {% if loop.last %} <a class="categorie-link-pd" href="/{{ breadcrumb|replace({'ä': "ae", "ö" : "oe", "ü" : "ue", "Ä" : "Ae", "Ö" : "Oe", "Ü" : "Ue", "ß" : "ss"}) }}/">{{ breadcrumb }}</a> {% endif %} {% endfor %} {% endif %} {% set remoteClickOptions = { selector: "#review-tab-" ~ product.id, scrollToElement: true } %} {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %} {% block buy_widget_reviews %} {% if product.ratingAverage > 0 and totalReviews > 0 and config('core.listing.showReview') %} <div class="product-detail-reviews"> {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with { points: product.ratingAverage, style: 'text-primary' } %} <a {{ dataBsToggleAttr }}="tab" class="product-detail-reviews-link" data-offcanvas-tabs="true" data-remote-click="true" data-remote-click-options='{{ remoteClickOptions|json_encode }}' href="{{ reviewTabHref }}" aria-controls="review-tab-pane"> ({{ totalReviews }} {{ "detail.reviewLinkText"|trans({'%count%': totalReviews})|sw_sanitize }}) </a> </div> {% endif %} {% endblock %} </div> {% block buy_widget_rich_snippets %} {% block page_product_detail_name_container %} <div class="col product-detail-name-container"> {% block page_product_detail_name %} <h1 class="product-detail-name" itemprop="name"> {{ page.product.translated.name }} </h1> {% endblock %} </div> {% endblock %} <div class="customFieldsTextPD"> <p>{{ page.product.translated.customFields["custom_product_detail_text_1"] }}</p> </div> {% set sportsMediaId = page.product.translated.customFields["custom_product_detail_img_img"] %} {% set mediaCollection = searchMedia([sportsMediaId], context.context) %} {% set sportsMedia = mediaCollection.get(sportsMediaId) %} {% if sportsMedia %} <div class="barcodeimg"> <img src="{{ sportsMedia.url }}" alt=""> </div> {% endif %} {% block buy_widget_rich_snippets_brand %} {% if product.manufacturer %} <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope> <meta itemprop="name" content="{{ product.manufacturer.translated.name }}"/> </div> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_gtin13 %} {% if product.ean %} <meta itemprop="gtin13" content="{{ product.ean }}"/> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_mpn %} {% if product.manufacturerNumber %} <meta itemprop="mpn" content="{{ product.manufacturerNumber }}"/> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_weight %} {% if product.weight %} <meta itemprop="weight" content="{{ product.weight }} kg"/> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_height %} {% if product.height %} <meta itemprop="height" content="{{ product.height }} mm"/> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_width %} {% if product.width %} <meta itemprop="width" content="{{ product.width }} mm"/> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_depth %} {% if product.length %} <meta itemprop="depth" content="{{ product.length }} mm"/> {% endif %} {% endblock %} {% block buy_widget_rich_snippets_release_date %} <meta itemprop="releaseDate" content="{{ product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/> {% endblock %} {% endblock %} {% if not feature('FEATURE_NEXT_16992') %} {# @deprecated tag:v6.5.0 tag:)(FEATURE_NEXT_16992) - Block will be removed in v6.5.0 #} {% block buy_widget_not_available %} {% endblock %} {% endif %} {% block buy_widget_buy_container %} <div class="form-quantity-add-to-cart" itemprop="offers" itemscope itemtype="{% if product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}"> {% block buy_widget_data %} {% block buy_widget_data_rich_snippet_url %} <meta itemprop="url" content="{{ seoUrl('frontend.detail.page', { productId: product.id }) }}"/> {% endblock %} {% block buy_widget_data_rich_snippet_price_range %} {% if product.calculatedPrices|length > 1 %} {% set lowestPrice = false %} {% set highestPrice = false %} {% for price in product.calculatedPrices %} {% if not lowestPrice or price.unitPrice < lowestPrice %} {% set lowestPrice = price.unitPrice %} {% endif %} {% if not highestPrice or price.unitPrice > highestPrice %} {% set highestPrice = price.unitPrice %} {% endif %} {% endfor %} <meta itemprop="lowPrice" content="{{ lowestPrice }}"/> <meta itemprop="highPrice" content="{{ highestPrice }}"/> <meta itemprop="offerCount" content="{{ product.calculatedPrices|length }}"/> {% endif %} {% endblock %} {% block buy_widget_data_rich_snippet_price_currency %} <meta itemprop="priceCurrency" content="{{ context.currency.translated.shortName }}"/> {% endblock %} {% block buy_widget_price %} <div class="product-detail-price-container"> {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-price.html.twig' %} <div class="price-pcs"> <p>{{ "IeaMedical.price_pcs_text1"|trans|raw }}<span class="price_for1pcs">0,86</span> €{{ "IeaMedical.price_pcs_text2"|trans|raw }} <span class="price_forboxpcs">0,86 €</span></p> </div> </div> {% endblock %} {% block buy_widget_tax %} <div class="product-detail-tax-container"> {% if context.taxState == "gross" %} {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %} {% else %} {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %} {% endif %} <p class="product-detail-tax"> {% block buy_widget_tax_link %} <a class="product-detail-tax-link" href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}" title="{{ taxText }}" {{ dataBsToggleAttr }}="modal" data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"> {{ taxText }} </a> {% endblock %} </p> </div> {% endblock %} {% block buy_widget_delivery_informations %} <div class="product-detail-delivery-information"> {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %} </div> {% endblock %} {% endblock %} {% block buy_widget_configurator_include %} {% if product.parentId and configuratorSettings|length > 0 %} <div class="product-detail-configurator-container col-md-auto"> {% block buy_widget_configurator %} <div class="product-detail-configurator"> {% if elementId is defined and elementId is not null and pageType != 'product_detail' %} {% set config = { url: url('frontend.cms.buybox.switch', { productId: product.parentId }), elementId: elementId, pageType: pageType } %} {% else %} {% set config = { url: url('frontend.detail.switch', { productId: product.parentId }), pageType: pageType } %} {% endif %} {% block buy_widget_configurator_form %} <form data-variant-switch="true" data-variant-switch-options="{{ config|json_encode }}"> {% block buy_widget_configurator_csrf %} {% if elementId is defined and elementId is not null %} {{ sw_csrf('frontend.cms.buybox.switch') }} {% else %} {{ sw_csrf('frontend.detail.switch') }} {% endif %} {% endblock %} {% block buy_widget_configurator_groups %} {% for group in configuratorSettings %} {% block buy_widget_configurator_group %} <div class="product-detail-configurator-group"> {% if group.displayType == 'select' %} {% sw_include '@Storefront/storefront/page/product-detail/configurator/select.html.twig' %} {% else %} {% block buy_widget_configurator_group_title %} <div class="product-detail-configurator-group-title"> {% block buy_widget_configurator_group_title_text %} {{ group.translated.name }} {% endblock %} </div> {% endblock %} {% block buy_widget_configurator_options %} <div class="product-detail-configurator-options"> {% for option in group.options %} {% if elementId is defined and elementId is not null %} {% set optionIdentifier = [group.id, option.id, elementId]|join('-') %} {% else %} {% set optionIdentifier = [group.id, option.id]|join('-') %} {% endif %} {% set isActive = false %} {% set isCombinableCls = 'is-combinable' %} {% if option.id in product.optionIds %} {% set isActive = true %} {% endif %} {% if not option.combinable %} {% set isCombinableCls = false %} {% endif %} {% if option.configuratorSetting.media %} {% set displayType = 'media' %} {% set media = option.configuratorSetting.media %} {% else %} {% set displayType = group.displayType %} {% if option.media %} {% set media = option.media %} {% else %} {% set media = false %} {% endif %} {% endif %} {% block buy_widget_configurator_option %} <div class="product-detail-configurator-option"> {% block buy_widget_configurator_option_radio %} <input type="radio" name="{{ group.id }}" value="{{ option.id }}" class="product-detail-configurator-option-input{% if isCombinableCls %} {{ isCombinableCls }}{% endif %}" title="{{ optionIdentifier }}" id="{{ optionIdentifier }}" {% if isActive %}checked="checked"{% endif %}> {% block buy_widget_configurator_option_radio_label %} <label class="product-detail-configurator-option-label{% if isCombinableCls %} {{ isCombinableCls }}{% endif %} is-display-{{ displayType }}" {% if displayType == 'color' and option.colorHexCode %} style="background-color: {{ option.colorHexCode }}" {% endif %} title="{{ option.translated.name }}" for="{{ optionIdentifier }}"> {% if displayType == 'media' and media %} {% block buy_widget_configurator_option_radio_label_media %} {% sw_thumbnails 'configurator-option-img-thumbnails' with { media: media, sizes: { 'default': '52px' }, attributes: { 'class': 'product-detail-configurator-option-image', 'alt': option.translated.name, 'title': option.translated.name } } %} {% endblock %} {% elseif displayType == 'text' or (displayType == 'media' and not media) or (displayType == 'color' and not option.colorHexCode) %} {% block buy_widget_configurator_option_radio_label_text %} {{ option.translated.name }} {% endblock %} {% endif %} </label> {% endblock %} {% endblock %} </div> {% endblock %} {% endfor %} </div> {% endblock %} {% endif %} </div> {% endblock %} {% endfor %} {% endblock %} </form> {% endblock %} </div> {% endblock %} </div> {% endif %} {% endblock %} {% block buy_widget_buy_form %} {% if product.active %} <div class="product-detail-form-container"> {% block page_product_detail_buy_form_inner %} {# @var page \Shopware\Storefront\Page\Product\ProductPage #} {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #} {% set product = page.product %} <form id="productDetailPageBuyProductForm" action="{% block page_product_detail_buy_form_action %}{{ path('frontend.checkout.line-item.add') }}{% endblock %}" method="post" class="buy-widget" data-add-to-cart="true"> {% block page_product_detail_buy_form_inner_csrf %} {{ sw_csrf('frontend.checkout.line-item.add') }} {% endblock %} {% set buyable = product.available and product.childCount <= 0 and product.calculatedMaxPurchase > 0 %} {% block page_product_detail_buy_container %} {% if buyable %} <div class="{{ formRowClass }} buy-widget-container d-flex"> {% block page_product_detail_buy_quantity_container %} <div class="col-md-6 inputpcs"> <label> {{ "IeaMedical.pcs"|trans|raw }} </label> {% set selectQuantityThreshold = 100 %} {% block page_product_detail_buy_quantity %} {% if (product.calculatedMaxPurchase - product.minPurchase) / product.purchaseSteps > selectQuantityThreshold %} {% block page_product_detail_buy_quantity_input_group %} <div class="input-group"> {% block page_product_detail_buy_quantity_input %} <input type="number" name="lineItems[{{ product.id }}][quantity]" class="form-control product-detail-quantity-input" min="{{ product.minPurchase }}" max="{{ product.calculatedMaxPurchase }}" step="{{ product.purchaseSteps }}" value="{{ product.minPurchase }}" /> {% endblock %} {% block page_product_detail_buy_quantity_input_unit %} {% if product.translated.packUnit %} {% if not feature('v6.5.0.0') %} <div class="input-group-append"> {% endif %} <span class="input-group-text"> {% if product.minPurchase > 1 and product.translated.packUnitPlural %} {{ product.translated.packUnitPlural }} {% elseif product.translated.packUnit %} {{ product.translated.packUnit }} {% endif %} </span> {% if not feature('v6.5.0.0') %} </div> {% endif %} {% endif %} {% endblock %} </div> {% endblock %} {% else %} {% block page_product_detail_buy_quantity_select %} <select name="lineItems[{{ product.id }}][quantity]" class="{{ formSelectClass }} product-detail-quantity-select"> {% for quantity in range(product.minPurchase, product.calculatedMaxPurchase, product.purchaseSteps) %} <option value="{{ quantity }}"> {{ quantity }} {% if quantity == 1 %} {% if product.translated.packUnit %} {{ product.translated.packUnit }}{% endif %} {% else %} {% if product.translated.packUnitPlural %} {{ product.translated.packUnitPlural }} {% elseif product.translated.packUnit %} {{ product.translated.packUnit }} {% endif %} {% endif %} </option> {% endfor %} </select> {% endblock %} {% endif %} {% endblock %} </div> {% endblock %} {% block page_product_detail_buy_redirect_input %} {# fallback redirect back to detail page is deactivated via js #} <input type="hidden" name="redirectTo" value="frontend.detail.page"> <input type="hidden" name="redirectParameters" data-redirect-parameters="true" value='{"productId": "{{ product.id }}"}'> {% endblock %} {% block page_product_detail_buy_product_buy_info %} <input type="hidden" name="lineItems[{{ product.id }}][id]" value="{{ product.id }}"> <input type="hidden" name="lineItems[{{ product.id }}][type]" value="product"> <input type="hidden" name="lineItems[{{ product.id }}][referencedId]" value="{{ product.id }}"> <input type="hidden" name="lineItems[{{ product.id }}][stackable]" value="1"> <input type="hidden" name="lineItems[{{ product.id }}][removable]" value="1"> {% endblock %} {% block page_product_detail_product_buy_meta %} <input type="hidden" name="product-name" value="{{ product.translated.name }}"> <input type="hidden" name="brand-name" value="{{ product.manufacturer.getName() }}"> {% endblock %} {% block page_product_detail_buy_button_container %} <div class="col-md-12 btn-add-cartt"> {% block page_product_detail_buy_button %} {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #} {% if feature('v6.5.0.0') %} <div class="d-grid"> <button class="btn btn-primary btn-buy" title="{{ "detail.addProduct"|trans|striptags }}" aria-label="{{ "detail.addProduct"|trans|striptags }}"> {{ "detail.addProduct"|trans|sw_sanitize }} </button> </div> {% else %} <button class="btn btn-primary btn-block btn-buy" title="{{ "detail.addProduct"|trans|striptags }}" aria-label="{{ "detail.addProduct"|trans|striptags }}"> {{ "detail.addProduct"|trans|sw_sanitize }} </button> {% endif %} {% endblock %} </div> {% endblock %} </div> {% endif %} {% endblock %} </form> {% endblock %} </div> {% endif %} {% endblock %} </div> {% endblock %} {# {% if config('core.cart.wishlistEnabled') %} #} {# {% block buy_widget_wishlist %} #} {# {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with { #} {# showText: true, #} {# size: 'md', #} {# productId: product.id #} {# } %} #} {# {% endblock %} #} {# {% endif %} #} {% block buy_widget_ordernumber_container %} {% if product.productNumber %} <div class="product-detail-payment-logo"> {{ "IeaMedical.product-detail-payment-logo"|trans|raw }} </div> <div class="product-detail-ordernumber-container"> <div class="img"> {{ "IeaMedical.product_detail_ordernumber_icon"|trans|raw }} </div> <div class="content"> <h6>{{ "IeaMedical.product_detail_ordernumber_text_1"|trans|raw }}</h6> <p>{{ "IeaMedical.product_detail_ordernumber_text_2"|trans|raw }}</p> </div> {# {% block buy_widget_ordernumber_label %} #} {# <span class="product-detail-ordernumber-label"> #} {# {{ "detail.productNumberLabel"|trans|sw_sanitize }} #} {# </span> #} {# {% endblock %} #} {# {% block buy_widget_ordernumber %} #} {# <meta itemprop="productID" #} {# content="{{ product.id }}"/> #} {# <span class="product-detail-ordernumber" #} {# itemprop="sku"> #} {# {{ product.productNumber }} #} {# </span> #} {# {% endblock %} #} </div> {% endif %} {% endblock %} </div> <div class="fixed-bottom product-detail-box-add-to-cart"> </div>{% endblock %}