custom/plugins/ApoShop/src/Resources/views/storefront/page/product-detail/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  2. {% block page_product_detail_buy_inner %}
  4.     {% block page_product_detail_headline %}
  5.         <div class="row align-items-center product-detail-headline">
  6.             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  7.         </div>
  8.     {% endblock %}
  10.     {% block page_product_detail_reviews %}
  11.         {% if page.product.ratingAverage > 0 and page.reviews.totalReviews > 0 and config('core.listing.showReview') %}
  12.             <div class="product-detail-reviews">
  14.                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  15.                     points: page.product.ratingAverage,
  16.                     style: 'text-primary'
  17.                 } %}
  18.                 <a {{ dataBsToggleAttr }}="tab"
  19.                     class="product-detail-reviews-link"
  20.                     data-offcanvas-tabs="true"
  21.                     data-remote-click="true"
  22.                     data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  23.                     href="#review-tab-pane"
  24.                     aria-controls="review-tab-pane">
  25.                     {{ page.reviews.totalReviews }}
  26.                     {{ "detail.reviewLinkText"|trans({'%count%': page.reviews.totalReviews})|sw_sanitize }}
  27.                 </a>
  28.             </div>
  29.         {% endif %}
  30.     {% endblock %}
  31.     
  32.     <div class="stock">
  33.         <p class="showinstock">Aviability:</p>
  35.             {% if page.product.custom_itweb_exclude_api == true %}
  36.                 {% elseif page.product.stock and page.product.availableStock > 0 %}
  37.                     <p class="stockitem">
  38.                         <i class="fa-solid fa-check"></i> In Stock
  39.                     </p>
  40.                 {% else %}
  41.                     {% if page.product.stock == 1 %}
  42.                         <p class="stockitem">
  43.                             <i class="fa-solid fa-check"></i>  In Stock
  44.                         </p>
  45.                     {% else %}
  46.                         <p class="outstock">
  47.                             <i class="fa-solid fa-x"></i> Out of Stock
  48.                         </p>
  49.                     {% endif %} 
  50.             {% endif %}
  51.     </div>
  54.     <div class="js-magnifier-zoom-image-container">
  55.         {% block page_product_detail_rich_snippets %}
  56.             {% block page_product_detail_rich_snippets_brand %}
  57.                 {% if page.product.manufacturer %}
  58.                     <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
  59.                         <meta itemprop="name" content="{{ page.product.manufacturer.translated.name }}" />
  60.                     </div>
  61.                 {% endif %}
  62.             {% endblock %}
  64.             {% block page_product_detail_rich_snippets_gtin13 %}
  65.                 {% if page.product.ean %}
  66.                     <meta itemprop="gtin13"
  67.                           content="{{ page.product.ean }}"/>
  68.                 {% endif %}
  69.             {% endblock %}
  71.             {% block page_product_detail_rich_snippets_mpn %}
  72.                 {% if page.product.manufacturerNumber %}
  73.                     <meta itemprop="mpn"
  74.                           content="{{ page.product.manufacturerNumber }}"/>
  75.                 {% endif %}
  76.             {% endblock %}
  78.             {% block page_product_detail_rich_snippets_weight %}
  79.                 {% if page.product.weight %}
  80.                     <meta itemprop="weight"
  81.                           content="{{ page.product.weight }} kg"/>
  82.                 {% endif %}
  83.             {% endblock %}
  85.             {% block page_product_detail_rich_snippets_height %}
  86.                 {% if page.product.height %}
  87.                     <meta itemprop="height"
  88.                           content="{{ page.product.height }} mm"/>
  89.                 {% endif %}
  90.             {% endblock %}
  92.             {% block page_product_detail_rich_snippets_width %}
  93.                 {% if page.product.width %}
  94.                     <meta itemprop="width"
  95.                           content="{{ page.product.width }} mm"/>
  96.                 {% endif %}
  97.             {% endblock %}
  99.             {% block page_product_detail_rich_snippets_depth %}
  100.                 {% if page.product.length %}
  101.                     <meta itemprop="depth"
  102.                           content="{{ page.product.length }} mm"/>
  103.                 {% endif %}
  104.             {% endblock %}
  106.             {% block page_product_detail_rich_snippets_release_date %}
  107.                 <meta itemprop="releaseDate"
  108.                       content="{{ page.product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
  109.             {% endblock %}
  110.         {% endblock %}
  112.         {% if not feature('FEATURE_NEXT_16992') %}
  113.             {% block page_product_detail_not_available %}
  114.             {% endblock %}
  115.         {% endif %}
  117.         {% block page_product_detail_buy_container %}
  118.             <div itemprop="offers"
  119.                  itemscope
  120.                  itemtype="{% if page.product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  121.                 {% block page_product_detail_data %}
  122.                     {% block page_product_detail_data_rich_snippet_url %}
  123.                         <meta itemprop="url"
  124.                               content="{{ seoUrl('frontend.detail.page', { productId: page.product.id }) }}"/>
  125.                     {% endblock %}
  127.                     {% block page_product_detail_data_rich_snippet_price_range %}
  128.                         {% if page.product.calculatedPrices|length > 1 %}
  129.                             {% set lowestPrice = false %}
  130.                             {% set highestPrice = false %}
  132.                             {% for price in page.product.calculatedPrices %}
  133.                                 {% if not lowestPrice or price.unitPrice < lowestPrice %}
  134.                                     {% set lowestPrice = price.unitPrice %}
  135.                                 {% endif %}
  136.                                 {% if not highestPrice or price.unitPrice > highestPrice %}
  137.                                     {% set highestPrice = price.unitPrice %}
  138.                                 {% endif %}
  139.                             {% endfor %}
  141.                             <meta itemprop="lowPrice" content="{{ lowestPrice }}"/>
  142.                             <meta itemprop="highPrice" content="{{ highestPrice }}"/>
  143.                             <meta itemprop="offerCount" content="{{ page.product.calculatedPrices|length }}"/>
  144.                         {% endif %}
  145.                     {% endblock %}
  147.                     {% block page_product_detail_data_rich_snippet_price_currency %}
  148.                         <meta itemprop="priceCurrency"
  149.                               content="{{ context.currency.translated.shortName }}"/>
  150.                     {% endblock %}
  152.                     {% block page_product_detail_price %}
  153.                         <div class="product-detail-price-container">
  154.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' %}
  155.                         </div>
  156.                     {% endblock %}
  158.                     <span class="price-unit-reference-content">
  159.                         {% set price = page.product.calculatedPrice %}
  160.                         {% set purchaseUnit = page.product.purchaseUnit ?: 1 %}
  161.                         {% for  test in page.product.variation  %}
  162.                             {% set priceValue = price.unitPrice %}
  163.                             Grundpreis: {{ (priceValue * 10) | number_format(2) }}{{ context.currency.symbol }} / 1KG
  164.                             {# {% set packageOpt = test.option|split(' ')[0] %}
  165.                             {% if 'X' in packageOpt  %}
  166.                                 {% set packageOpt = packageOpt|split('X')[1] %}
  167.                             {% endif %}
  168.                             {% if 'St' in test.option %}
  169.                                 Grundpreis: {{ (price.unitPrice / packageOpt)|number_format(2)}}{{ context.currency.symbol }} / 1 St
  170.                             {% elseif 'ml' in test.option %}
  171.                                 Grundpreis: {{ (price.unitPrice / packageOpt * 1000)|number_format(2)}}{{ context.currency.symbol }} / 1L
  172.                             {% elseif 'gr' in test.option or 'g' in test.option %}
  173.                                 Grundpreis: {{ (price.unitPrice / packageOpt * 1000)|number_format(2)}}{{ context.currency.symbol }} / 1KG
  174.                             {% endif %} #}
  175.                         {% endfor %}
  176.                     </span>
  178.                     {% block page_product_detail_tax %}
  179.                         <div class="product-detail-tax-container">
  180.                             {% if context.taxState == "gross" %}
  181.                                 {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  182.                             {% else %}
  183.                                 {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  184.                             {% endif %}
  186.                             <p class="product-detail-tax">
  187.                                 {% block page_product_detail_tax_link %}
  188.                                     <a class="product-detail-tax-link"
  189.                                        href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  190.                                        title="{{ taxText }}"
  191.                                        {{ dataBsToggleAttr }}="modal"
  192.                                        data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  193.                                         {{ taxText }}
  194.                                     </a>
  195.                                 {% endblock %}
  196.                             </p>
  197.                         </div>
  198.                     {% endblock %}
  199.                         {% block page_product_detail_tax_new %}
  200.                         <div class="product-detail-tax-container">
  201.                            <span class="detail--additional-orderbasketfields-input detail--additional-orderbasketfields-input-1"> <span class="detail--additional-orderbasketfields-inputs-checkbox"> <input type="checkbox" class="checkbox detail--additional-orderbasketfields-checkbox-1 "> <input type="hidden" name="sAdditionalOrderBasketField1" value="Nein" class="is--hidden detail--additional-orderbasketfields-checkbox-hidden-1" data-type="checkbox"> </span> <span class="detail--additional-orderbasketfields-inputs-checkbox-label"> <label class="detail--label--additional-orderbasketfield-1-after">Artikel vakuumieren</label> </span> </span>
  202.                         </div>
  203.                     {% endblock %}
  206.                     {% set remoteClickOptions = {
  207.                         selector: "#review-tab",
  208.                         scrollToElement: true
  209.                     } %}
  211.                     {% block page_product_detail_delivery_informations %}
  212.                         <div class="product-detail-delivery-information">
  213.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  214.                         </div>
  215.                     {% endblock %}
  216.                 {% endblock %}
  218.                 {% block page_product_detail_configurator_include %}
  219.                     {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  220.                         <div class="product-detail-configurator-container">
  221.                             {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  222.                         </div>
  223.                     {% endif %}
  224.                 {% endblock %}
  226.                 {% block page_product_detail_buy_form %}
  227.                     {% if page.product.active %}
  228.                         <div class="product-detail-form-container">
  229.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  230.                         </div>
  231.                     {% endif %}
  232.                 {% endblock %}
  233.             </div>
  234.         {% endblock %}
  236.         {# {% if config('core.cart.wishlistEnabled') %}
  237.             {% block page_product_detail_wishlist %}
  238.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  239.                     showText: true,
  240.                     size: 'md',
  241.                     productId: page.product.id
  242.                 } %}
  243.             {% endblock %}
  244.         {% endif %} #}
  246.         {# {% block page_product_detail_ordernumber_container %}
  247.             {% if page.product.productNumber %}
  248.                 <div class="product-detail-ordernumber-container">
  249.                     {% block page_product_detail_ordernumber_label %}
  250.                         <span class="product-detail-ordernumber-label">
  251.                             {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  252.                         </span>
  253.                     {% endblock %}
  255.                     {% block page_product_detail_ordernumber %}
  256.                         <meta itemprop="productID"
  257.                               content="{{ page.product.id }}"/>
  258.                         <span class="product-detail-ordernumber"
  259.                               itemprop="sku">
  260.                             {{ page.product.productNumber }}
  261.                         </span>
  262.                     {% endblock %}
  263.                 </div>
  264.             {% endif %}
  265.         {% endblock %} #}
  266.     </div>
  269. <div class="pzn-details" >
  270.         <div class="prod-item">
  271.             <div><img src="/media/ee/01/f9/1678444394/Gruppe 21.svg"></div>
  272.             <p>{{ 'pzn-section' | trans | raw}}</p>
  273.             <p>{{page.product.productNumber}}</p>
  274.         </div>
  275.         <div class="prod-item">
  276.             <div><img src="/media/b2/78/20/1678444394/Gruppe 24.svg"></div>
  277.             <p>{{ 'herstller-section' | trans | raw}}</p>
  278.             <p>{{page.product.manufacturer.translated.name}}</p>
  279.         </div>
  280.          {% if product.pdfUrl is defined %}
  281.          <div class="prod-item">
  282.             <div><img src="/media/6d/58/fe/1678444394/Gruppe 25.svg"></div>
  283.             <p>{{ 'receipt-section' | trans | raw}}</p>
  284.                 <a href="{{ product.pdfUrl }}" download>
  285.                     <button>Download PDF</button>
  286.                 </a>
  287.             {# <p><b>Download PDF</b></p> #}
  288.         </div>
  289.         {% endif %}
  290.     </div>
  296. {% endblock %}