custom/plugins/theme/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' %}
  3. {% block page_product_detail_tax %}
  4.     <div class="product-detail__price-info-grid">
  5.        <span class="price-unit-reference-content">
  6.             {% if page.product.purchaseUnit %}
  7.                 {% set price = page.product.calculatedPrice %}
  9.                 {% if page.product.calculatedPrices|length == 1 %}
  10.                     {% set price = page.product.calculatedPrices.first %}
  11.                 {% endif %}
  13.                 {% if price.referencePrice is not null %}
  14.                     {% block page_product_detail_price_unit_reference_content %}
  15.                         {{ price.referencePrice.referenceUnit }} {{ price.referencePrice.unitName }} = {{ price.referencePrice.price|currency }}
  16.                     {% endblock %}
  17.                 {% endif %}
  18.             {% endif %}
  19.         </span>
  21.         <span class="text-primary">
  22.             {% if doncarneConfig.weightBasedBilling is not null %}
  23.                 {% set weightBasedBillingId =  doncarneConfig.weightBasedBilling %}
  24.                 <a class="product-detail__shipping-info"
  25.                    href="{{ path('frontend.cms.page',{ id: weightBasedBillingId }) }}"
  26.                     title = "{{"productDetail.weightBasedPricing"|trans|sw_sanitize}}"
  27.                     {{ dataBsToggleAttr }}="modal"
  28.                     data-url="{{ path('frontend.cms.page',{ id: weightBasedBillingId }) }}"
  29.                 >
  30.                     {{"productDetail.weightBasedPricing"|trans|sw_sanitize}}
  31.                 </a>
  32.             {% endif %}
  33.         </span>
  35.         <span>
  36.             {% if context.taxState == "gross" %}
  37.                 {{"general.shortTaxInfoGross"|trans|sw_sanitize}}
  38.             {% else %}
  39.                 {{"general.shortTaxInfoNet"|trans|sw_sanitize}}
  40.             {% endif %}
  41.         </span>
  43.         <a class="product-detail__shipping-info"
  44.             href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  45.             title="{{"general.additionalShippingCosts"|trans|sw_sanitize}}"
  46.             {{ dataBsToggleAttr }}="modal"
  47.             data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  48.             {{"general.additionalShippingCosts"|trans|sw_sanitize}}
  49.          </a>
  50.     </div>
  51.     {% if page is defined and page.product is defined %}
  52.         {% set product = page.product %}
  53.     {% endif %}
  54.     {% if product.isCloseout and product.availableStock < product.minPurchase %}
  55.         <link itemprop="availability" href="http://schema.org/LimitedAvailability"/>
  56.         <p class="delivery-information delivery-soldout">
  57.             <span class="delivery-status-indicator bg-danger"></span>
  58.             {{ "detail.soldOut"|trans|sw_sanitize }}
  59.         </p>
  60.     {% endif %}
  61. {% endblock %}
  63. {# moved down #}
  64. {% block page_product_detail_wishlist %}
  65. {% endblock %}
  67. {% block page_product_detail_buy_inner %}
  68.     {# not loaded for cms page #}
  69.     {% set buyWidgetTheme = 'theme-light' %}
  71.     {% if page.product.seoCategory.translated.customFields.doncarne_category_buy_widget_theme == 'dark' %}
  72.        {% set buyWidgetTheme = 'theme-dark' %}
  73.     {% endif %}
  75.     <div class="product-detail-buy__inner {{buyWidgetTheme}}">
  76.         <div class="row align-items-center product-detail-headline">
  77.             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  79.             {% if page.product.getExtension("doncarneCutProperties").all()|first %}
  80.                 {% sw_include '@Storefront/solution360/cut-product-property-image.html.twig' with {media: page.product.getExtension("doncarneCutProperties").all()|first.media} only %}
  81.             {% endif %}
  82.         </div>
  85.         {% set productReviewCount = page.product.extensions.rating.totalReviews %}
  86.         {% if productReviewCount > 0 %}
  87.             {% set productAvgRating = page.product.extensions.rating.rating|round(2, "common")  %}
  88.         {% endif %}
  90.         {% if productAvgRating > 0 and productReviewCount > 0 %}
  91.             <div class="product-detail-review-rating"
  92.                 data-rating-scroll="true" data-rating-selector="#review-tab">
  93.                 <meta itemprop="aggregateRating" content ="{{ productAvgRating }}">
  94.                 <meta itemprop="bestRating" content="5">
  95.                 <meta itemprop="ratingCount" content="{{ productReviewCount }}">
  96.                 <meta itemprop="ratingValue" content="{{ productAvgRating }}">
  98.                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  99.                     points: productAvgRating,
  100.                     total: productReviewCount,
  101.                     style: 'text-primary'
  102.                 } %}
  103.             </div>
  105.             <!-- Add Review Button directly below rating -->
  106.             <div class="mt-1">
  107.                 <button type="button" class="btn btn-link p-0 text-start text-decoration-none" id="openReviewModalBtn">
  108.                     <small class="text-primary">{{ "detail.review.addReview"|trans|sw_sanitize }}</small>
  109.                 </button>
  110.             </div>
  112.         {% else %}
  113.             <!-- Show review button when no reviews exist -->
  114.             <div class="product-detail-review-rating"
  115.                 data-rating-scroll="true" data-rating-selector="#review-tab">
  116.                 <div class="text-muted small">{{ "detail.review.noReviewsYet"|trans|sw_sanitize }}</div>
  117.             </div>
  119.             <!-- Add Review Button directly below no-rating text -->
  120.             <div class="mt-1">
  121.                 <button type="button" class="btn btn-link p-0 text-start text-decoration-none" id="openReviewModalBtnEmpty">
  122.                     <small class="text-primary">{{ "detail.review.writeFirstReview"|trans|sw_sanitize }}</small>
  123.                 </button>
  124.             </div>
  125.         {% endif %}
  127.         <div class="mb-4">
  128.             {% if page.product.packUnit or page.product.purchaseUnit or page.product.unit.name %}
  129.                  <span class="product-detail__unit-info d-block mb-1">
  130.                      {{ page.product.purchaseUnit }} {{ page.product.unit.name }}
  131.                      {% if page.product.packUnit %}
  132.                          , {{ page.product.packUnit }}
  133.                      {% endif %}
  134.                  </span>
  135.             {% endif %}
  136.             <div class="product-detail-ordernumber-container">
  137.                 {% block page_product_detail_ordernumber_label %}
  138.                     <span class="product-detail-ordernumber-label">
  139.                         {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  140.                     </span>
  141.                 {% endblock %}
  143.                 {% if page.product.productNumber %}
  144.                     {% block page_product_detail_ordernumber %}
  145.                         <meta itemprop="productID" content="{{ page.product.id }}"/>
  146.                         <span class="product-detail-ordernumber" itemprop="sku">
  147.                             {{ page.product.productNumber }}
  148.                         </span>
  149.                     {% endblock %}
  150.                 {% endif %}
  151.             </div>
  152.         </div>
  153.         {% sw_include '@Storefront/solution360/product-usps.html.twig' with { product: page.product }%}
  154.         {{ parent() }}
  156.         <div class="product-detail-buy__footer">
  157.             {% set state = page.product.translated.customFields.doncarne_product_delivery_product_state %}
  158.             {% if state == "frozen" %}
  159.                 {% sw_icon 'snowflake' style {'namespace': 'DonCarneTheme'} %}
  160.                 <p class="mb-0"><span class="product-detail-buy_text-frozen font-weight-bold">{{"productAttributes.frozen.label"|trans|sw_sanitize}}</span>&nbsp;-&nbsp;{{"productAttributes.frozen.desc"|trans|raw}}</p>
  161.             {% endif %}
  162.             {% if state == "fresh" %}
  163.                 {% sw_icon 'steak' style {'namespace': 'DonCarneTheme'} %}
  164.                 <p class="mb-0"><span class="product-detail-buy_text-fresh font-weight-bold">{{"productAttributes.fresh.label"|trans|sw_sanitize}}</span>&nbsp;-&nbsp;{{"productAttributes.fresh.desc"|trans|raw}}</p>
  165.             {% endif %}
  166.         </div>
  167.         {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  169.         {% if config('core.cart.wishlistEnabled') and not config('CoeWishlistSw6.config') %}
  170.             {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  171.                 showText: true,
  172.                 size: 'md',
  173.                 productId: page.product.id
  174.             } %}
  175.         {% endif %}
  176.     </div>
  178.     <!-- Include Review Modal -->
  179.     {% sw_include '@Storefront/storefront/component/review/review-modal-inline.html.twig' %}
  181.     <!-- Modal Trigger Script -->
  182.     <script>
  183.     document.addEventListener('DOMContentLoaded', function() {
  184.         // Warte bis alles geladen ist
  185.         setTimeout(function() {
  186.             var btn1 = document.getElementById('openReviewModalBtn');
  187.             var btn2 = document.getElementById('openReviewModalBtnEmpty');
  188.             var modal = document.getElementById('productReviewModal');
  190.             function showModal() {
  191.                 if (modal) {
  192.                     // Versuche Bootstrap Modal
  193.                     if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
  194.                         var bsModal = new bootstrap.Modal(modal);
  195.                         bsModal.show();
  196.                     }
  197.                     // Fallback: jQuery (Shopware nutzt oft jQuery)
  198.                     else if (typeof $ !== 'undefined' && $.fn.modal) {
  199.                         $(modal).modal('show');
  200.                     }
  201.                     // Notfall: Direkte Manipulation
  202.                     else {
  203.                         modal.classList.add('show');
  204.                         modal.style.display = 'block';
  205.                         document.body.classList.add('modal-open');
  207.                         // Backdrop hinzufügen
  208.                         var backdrop = document.createElement('div');
  209.                         backdrop.className = 'modal-backdrop fade show';
  210.                         document.body.appendChild(backdrop);
  211.                     }
  212.                 }
  213.             }
  215.             if (btn1) {
  216.                 btn1.addEventListener('click', function(e) {
  217.                     e.preventDefault();
  218.                     showModal();
  219.                 });
  220.             }
  222.             if (btn2) {
  223.                 btn2.addEventListener('click', function(e) {
  224.                     e.preventDefault();
  225.                     showModal();
  226.                 });
  227.             }
  228.         }, 500); // Kurze Verzögerung um sicherzustellen, dass alles geladen ist
  229.     });
  230.     </script>
  231. {% endblock %}
  233. {% block page_product_detail_ordernumber_container %}
  234. {% endblock %}
  236. {% block page_product_detail_reviews %}
  237. {% endblock %}
  239. {% block page_product_detail_delivery_informations %}
  240. {% endblock %}