{% block page_product_detail_price_inner %} {% if page.product.calculatedPrices|length > 1 %} {% block page_product_detail_price_block %} <div class="product-block-prices"> {% block page_product_detail_price_block_table %} <table class="table product-block-prices-grid"> {% block page_product_detail_price_block_table_head %} <thead class="product-block-prices-head"> {% block page_product_detail_price_block_table_head_inner %} <tr class="product-block-prices-row"> <th scope="col" class="product-block-prices-cell"> {{ "detail.dataColumnQuantity"|trans|sw_sanitize }} </th> <th scope="col" class="product-block-prices-cell"> {{ "detail.dataColumnPrice"|trans|sw_sanitize }} </th> {% if page.product.calculatedPrice.referencePrice %} <th scope="col" class="product-block-prices-cell"> {{ "detail.dataColumnReferencePrice"|trans|sw_sanitize }} </th> {% endif %} </tr> {% endblock %} </thead> {% endblock %} {% block page_product_detail_price_block_table_body %} <tbody class="product-block-prices-body"> {% block page_product_detail_price_block_table_body_inner %} {% for price in page.product.calculatedPrices %} {% block page_product_detail_price_block_table_body_row %} <tr class="product-block-prices-row" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> {% block page_product_detail_price_block_table_body_cell_quantity %} <th scope="row" class="product-block-prices-cell product-block-prices-cell-thin"> <meta itemprop="priceCurrency" content="{{ page.header.activeCurrency.translated.shortName }}" /> <meta itemprop="price" content="{{ price.unitPrice }}" /> <link itemprop="availability" href="https://schema.org/InStock" /> {% if loop.last %} {{ "detail.priceDataInfoFrom"|trans|sw_sanitize }} <span class="product-block-prices-quantity">{{ price.quantity }}</span> {% else %} {{ "detail.priceDataInfoUntil"|trans|sw_sanitize }} <span class="product-block-prices-quantity">{{ price.quantity }}</span> {% endif %} </th> {% endblock %} {% block page_product_detail_price_block_table_body_cell_price %} <td class="product-block-prices-cell"> {% sw_include '@Storefront/storefront/component/product/block-price.html.twig' with { price: price } only %} </td> {% endblock %} {% block page_product_detail_price_block_table_body_cell_reference_price %} {% if price.referencePrice is not null %} <td class="product-block-prices-cell product-block-prices-cell-thin"> {{ price.referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ price.referencePrice.referenceUnit }} {{ price.referencePrice.unitName }} </td> {% endif %} {% endblock %} </tr> {% endblock %} {% endfor %} {% endblock %} </tbody> {% endblock %} </table> {% endblock %} </div> {% endblock %} {% else %} {% set price = page.product.calculatedPrice %} {% if page.product.calculatedPrices|length == 1 %} {% set price = page.product.calculatedPrices.first %} {% endif %} <meta itemprop="price" content="{{ price.unitPrice }}"> {% block page_product_detail_price_content %} {% set listPrice = price.listPrice %} <p class="product-detail-price{% if listPrice.percentage > 0 %} with-list-price{% endif %}"> {{ price.unitPrice|currency }}{{ "general.star"|trans|sw_sanitize }} </p> {% if listPrice.percentage > 0 %} {% block page_product_detail_was_price %} {% block page_product_detail_was_price_badge %} <span class="list-price-badge">%</span> {% endblock %} {% set afterListPriceSnippetExists = "listing.afterListPrice"|trans|length > 0 %} {% set beforeListPriceSnippetExists = "listing.beforeListPrice"|trans|length > 0 %} {% block page_product_detail_was_price_wrapper %} <span class="product-detail-list-price-wrapper"> {% if beforeListPriceSnippetExists %}{{"listing.beforeListPrice"|trans|trim}}{% endif %} <span{% if not (afterListPriceSnippetExists or beforeListPriceSnippetExists) %} class="list-price-price"{% endif %}>{{ listPrice.price|currency }}{{ "general.star"|trans|sw_sanitize }}</span> {% if afterListPriceSnippetExists %} {{"listing.afterListPrice"|trans|trim}} {% endif %} <span class="list-price-percentage">{{ "detail.listPricePercentage"|trans({'%price%': listPrice.percentage })|sw_sanitize }}</span> </span> {% endblock %} {% endblock %} {% endif %} {% endblock %} {% if page.product.purchaseUnit %} {% block page_product_detail_price_unit %} <div class="product-detail-price-unit"> {% block page_product_detail_price_unit_label %} <span class="price-unit-label"> {{ "detail.priceUnitName"|trans|sw_sanitize }} </span> {% endblock %} {% block page_product_detail_price_unit_content %} <span class="price-unit-content"> {{ page.product.purchaseUnit }} {{ page.product.unit.name }} </span> {% endblock %} {% if price.referencePrice is not null %} {% block page_product_detail_price_unit_reference_content %} <span class="price-unit-reference-content"> ({{ price.referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ price.referencePrice.referenceUnit }} {{ price.referencePrice.unitName }}) </span> {% endblock %} {% endif %} </div> {% endblock %} {% endif %} {% endif %}{% endblock %}