custom/plugins/WbfkBundles/src/Resources/views/storefront/element/wbfk-product-bundles.html.twig line 1

Open in your IDE?
  1. {% block wbfk_product_bundles %}
  3.     {% set bundleChildren = page.extensions.wbfkBundlesData ? page.extensions.wbfkBundlesData.bundleChildren : [] %}
  4.     {% set bundleParents = page.extensions.wbfkBundlesData ? page.extensions.wbfkBundlesData.bundleParents : [] %}
  6.     <div class="wbfk-product-bundles">
  7.         {% if bundleChildren.count > 0 %}
  8.             <h2>{{ 'wbfk-bundles.title-bundle-children' | trans }}</h2>
  9.             <div class="wbfk-product-bundles__bundle-child-grid">
  10.                 {% for bundleChild in bundleChildren %}
  11.                     <div class="wbfk-product-bundles__bundle-child">
  12.                         {% if bundleChild.quantity > 0 %}
  13.                             <div class="wbfk-product-bundles__bundle-child-quantity">
  14.                                 {{ bundleChild.quantity }}
  15.                             </div>
  16.                         {% endif %}
  17.                         {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  18.                             'product': bundleChild.salesChannelChildProduct,
  19.                             'layout': 'standard',
  20.                             'displayMode': 'contain'
  21.                         } %}
  22.                     </div>
  23.                 {% endfor %}
  24.             </div>
  25.         {% endif %}
  27.         {% if bundleParents.count > 0 %}
  29.             {% set visibleItemsByDefault = 3 %}
  30.             <h2>{{ 'wbfk-bundles.title-bundle-parents' | trans }}</h2>
  32.             <div class="wbfk-product-bundles__bundle-parent-list">
  33.                 {% for bundleParent in bundleParents %}
  35.                     {% if loop.index == (visibleItemsByDefault + 1) %}
  36.                         <input type="checkbox"
  37.                                id="wbfk-product-bundles__unfold-checkbox"
  38.                                class="wbfk-product-bundles__unfold-checkbox">
  39.                         <label class="wbfk-product-bundles__unfold-label btn outline-blue btn-block"
  40.                                for="wbfk-product-bundles__unfold-checkbox">
  41.                             {{ 'wbfk-bundles.unfold-more-bundles' | trans({'%itemCount': bundleParents.count - visibleItemsByDefault}) }}
  42.                         </label>
  43.                     {% endif %}
  45.                     {% if loop.index > visibleItemsByDefault %}
  46.                         <div class="wbfk-product-bundles__unfold-container">
  47.                     {% endif %}
  49.                     <div class="wbfk-product-bundles__bundle-parent">
  50.                         <div class="wbfk-product-bundles__bundle-parent-summary">
  52.                             <span class="wbfk-product-bundles__bundle-parent-name">{{ bundleParent.salesChannelProduct.name }}</span>
  54.                             {% set totalChildrenPrice = 0 %}
  55.                             {% set totalParentPrice = bundleParent.salesChannelProduct.calculatedCheapestPrice.unitPrice %}
  56.                             {% for bundleChild in bundleParent.childBundleProducts %}
  57.                                 {% set totalChildrenPrice = totalChildrenPrice + (bundleChild.quantity * bundleChild.salesChannelChildProduct.calculatedCheapestPrice.unitPrice) %}
  58.                             {% endfor %}
  59.                             {% if totalChildrenPrice %}
  60.                                 {% set savedPercent = (1 - (totalParentPrice / totalChildrenPrice)) * 100 %}
  61.                             {% else %}
  62.                                 {% set savedPercent = null %}
  63.                             {% endif %}
  65.                             <div class="wbfk-product-bundles__bundle-parent-price">
  66.                                 <div class="product-badges">
  67.                                     <div class="badge badge-danger badge-discount">
  68.                                         <span>&#37;</span>
  69.                                     </div>
  70.                                 </div>
  71.                                 <div class="wbfk-product-bundles__bundle-parent-price-inner">
  72.                                     {% if savedPercent %}
  73.                                         <div class="wbfk-product-bundles__bundle-parent-price-savings">
  74.                                             {{ 'wbfk-bundles.bundle-parent-savings' | trans({'%totalChildrenPrice': (totalChildrenPrice|round(2)|currency), '%savedPercent': (savedPercent|round(2))  }) }}
  75.                                         </div>
  76.                                     {% endif %}
  77.                                     <div class="wbfk-product-bundles__bundle-parent-price-total">
  78.                                         {{ 'wbfk-bundles.bundle-parent-total' | trans({'%totalParentPrice': (totalParentPrice|currency)  }) }}
  79.                                     </div>
  80.                                 </div>
  81.                             </div>
  83.                             {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' with {
  84.                                 'product': bundleParent.salesChannelProduct
  85.                             } %}
  87.                         </div>
  88.                         <div class="wbfk-product-bundles__bundle-child-grid wbfk-product-bundles__bundle-parent-children">
  89.                             {% for bundleChild in bundleParent.childBundleProducts %}
  90.                                 <div class="wbfk-product-bundles__bundle-child">
  91.                                     {% if bundleChild.quantity > 0 %}
  92.                                         <div class="wbfk-product-bundles__bundle-child-quantity">
  93.                                             {{ bundleChild.quantity }}
  94.                                         </div>
  95.                                     {% endif %}
  96.                                     {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  97.                                         'product': bundleChild.salesChannelChildProduct,
  98.                                         'layout': 'standard',
  99.                                         'displayMode': 'contain'
  100.                                     } %}
  101.                                 </div>
  102.                             {% endfor %}
  103.                         </div>
  104.                     </div>
  106.                     {% if loop.index > visibleItemsByDefault %}
  107.                         {# Close div.wbfk-product-bundles__unfold-container #}
  108.                         </div>
  109.                     {% endif %}
  111.                 {% endfor %}
  113.             </div>
  115.         {% endif %}
  116.     </div>
  117. {% endblock %}