custom/plugins/ZweiPunktCurchod/src/Resources/views/storefront/page/product-detail/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  3. {% block page_product_detail_content_zweipunkt_variant %}
  4.     {% if page.allVariants and page.zweiPunktVariantTableConfig.zpvatabActive %}
  5.         <table class="variant-table">
  6.             <thead style="
  7.                     background-color: {{ page.zweiPunktVariantTableConfig.zpvtheadBgcolor }};
  8.                     color: {{ page.zweiPunktVariantTableConfig.zpvtfontBgcolor }}">
  9.             <tr>
  10.                 {% if page.zweiPunktVariantTableConfig.zpvtimgActive %}
  11.                     <th></th>
  12.                 {% endif %}
  13.                 {% if page.zweiPunktVariantTableConfig.zpvtpnActive %}
  14.                     <th>
  15.                         <span>{{ 'zweipunkt.variant.productNumber'|trans }}</span>
  16.                     </th>
  17.                 {% endif %}
  18.                 {% if page.zweiPunktVariantTableConfig.zpvtmnActive %}
  19.                     <th>
  20.                         <span>{{ 'zweipunkt.variant.manufacturerNumber'|trans }}</span>
  21.                     </th>
  22.                 {% endif %}
  23.                 {% if page.zweiPunktVariantTableConfig.zpvtopActive %}
  24.                     {% for variation in page.product.variation %}
  25.                             <th {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  26.                             data-title="{{ 'zweipunkt.variant.options'|trans }}">
  27.                                 <span class="zweipunkt-table-variant-content">{{ variation.group }}</span><br>
  28.                             </th>
  29.                     {% endfor %}
  30.                 {% endif %}
  31.                 {% if page.zweiPunktVariantTableConfig.zpvtpsActive %}
  32.                     <th>
  33.                         <span>{{ 'zweipunkt.variant.purchaseSteps'|trans }}</span>
  34.                     </th>
  35.                 {% endif %}
  36.                 {% if page.zweiPunktVariantTableConfig.showUnit %}
  37.                     <th>
  38.                         <span>{{ 'zweipunkt.variant.purchaseUnit'|trans }}</span>
  39.                     </th>
  40.                 {% endif %}
  41.                 {% if page.zweiPunktVariantTableConfig.zpvtpActive %}
  42.                     <th>
  43.                         <span>{{ 'zweipunkt.variant.price'|trans }}{{ "general.star"|trans|sw_sanitize }}</span>
  44.                     </th>
  45.                 {% endif %}
  46.                 {% if page.zweiPunktVariantTableConfig.zpvtisActive %}
  47.                     <th>
  48.                         <span>{{ 'zweipunkt.variant.inStock'|trans }}</span>
  49.                     </th>
  50.                 {% endif %}
  51.                 {% if page.zweiPunktVariantTableConfig.zpvtdsActive %}
  52.                     <th>
  53.                         <span>{{ 'zweipunkt.variant.deliveryTime'|trans }}</span>
  54.                     </th>
  55.                 {% endif %}
  56.                 {% block zweipunkt_variant_table_extra_columns_headers %}
  57.                 {% endblock %}
  58.                 {% if page.zweiPunktVariantTableConfig.zpvtkbActive %}
  59.                     <th class="basket-column"></th>
  60.                 {% endif %}
  61.             </tr>
  62.             </thead>
  63.             <tbody>
  64.             {% for variant in page.allVariants %}
  65.                 <tr>
  66.                     {% if page.zweiPunktVariantTableConfig.zpvtimgActive %}
  67.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}>
  68.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': variant.id}) }}">
  69.                                 <img class="{% if 1 == page.zweiPunktVariantTableConfig.zpvtArt %}detail-variant-table-image{% else %}detail-variant-table-image-compact{% endif %}"
  70.                                      src="{{ variant.media }}"
  71.                                      alt="{{ variant.altTag }}"
  72.                                      width="90"
  73.                                      height="90">
  74.                             </a>
  75.                         </td>
  76.                     {% endif %}
  77.                     {% if page.zweiPunktVariantTableConfig.zpvtpnActive %}
  78.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  79.                             data-title="{{ 'zweipunkt.variant.productNumber'|trans }}">
  80.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': variant.id}) }}">
  81.                                 <span class="zweipunkt-table-variant-content">{{ variant.productNumber }}</span>
  82.                             </a>
  83.                         </td>
  84.                     {% endif %}
  85.                     {% if page.zweiPunktVariantTableConfig.zpvtmnActive %}
  86.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  87.                             data-title="{{ 'zweipunkt.variant.manufacturerNumber'|trans }}">
  88.                             <span class="zweipunkt-table-variant-content">{{ variant.manufacturerNumber }}</span>
  89.                         </td>
  90.                     {% endif %}
  91.                     {% if page.zweiPunktVariantTableConfig.zpvtopActive %}
  92.                         {% for option in variant.options %}
  93.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  94.                             data-title="{{ 'zweipunkt.variant.options'|trans }}">
  96.                                 <span class="zweipunkt-table-variant-content">{{ option }}</span><br>
  97.                         </td>
  98.                         {% endfor %}
  99.                     {% endif %}
  100.                     {% if page.zweiPunktVariantTableConfig.zpvtpsActive %}
  101.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  102.                             data-title="{{ 'zweipunkt.variant.purchaseSteps'|trans }}">
  103.                             <span class="zweipunkt-table-variant-content">{{ variant.purchaseSteps }}</span>
  104.                         </td>
  105.                     {% endif %}
  106.                     {% if page.zweiPunktVariantTableConfig.showUnit %}
  107.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  108.                             data-title="{{ 'zweipunkt.variant.purchaseUnit'|trans }}">
  109.                             <span class="zweipunkt-table-variant-content">{{ variant.purchaseUnit }} {{ variant.purchaseUnitName }}</span>
  110.                         </td>
  111.                     {% endif %}
  112.                     {% if page.zweiPunktVariantTableConfig.zpvtpActive %}
  113.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  114.                             data-title="{{ 'zweipunkt.variant.price'|trans }}{{ "general.star"|trans|sw_sanitize }}">
  115.                             <span class="zweipunkt-table-variant-content">{{ variant.price|currency }}</span>
  116.                             {% if 0 != variant.referenceUnitPrice %}
  117.                                 <span class="zweipunkt-variant-referenceUnit">
  118.                                     ({{ variant.referenceUnitPrice|currency }} /
  119.                                     {{ variant.referenceUnit }} {{ variant.referenceUnitName }})
  120.                                 </span>
  121.                             {% endif %}
  122.                         </td>
  123.                     {% endif %}
  124.                     {% if page.zweiPunktVariantTableConfig.zpvtisActive %}
  125.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  126.                             data-title="{{ 'zweipunkt.variant.inStock'|trans }}">
  127.                             <span class="zweipunkt-table-variant-content">
  128.                                 {% if variant.inStock %}
  129.                                     <span class="delivery-status-indicator bg-success"></span>
  130.                                 {% elseif variant.deliveryTimeTranslation and variant.restockTime and variant.available %}
  131.                                     <span class="delivery-status-indicator bg-warning"></span>
  132.                                 {% elseif false == variant.available %}
  133.                                     <span class="delivery-status-indicator bg-danger"></span>
  134.                                 {% else %}
  135.                                     <span class="delivery-status-indicator bg-danger"></span>
  136.                                 {% endif %}
  137.                             </span>
  138.                         </td>
  139.                     {% endif %}
  140.                     {% if page.zweiPunktVariantTableConfig.zpvtdsActive %}
  141.                         <td {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}class="td-compact"{% endif %}
  142.                             data-title="{{ 'zweipunkt.variant.deliveryTime'|trans }}">
  143.                             <span class="zweipunkt-table-variant-content">
  144.                                 {% if variant.inStock %}
  145.                                     <span>{{ variant.deliveryTime }}</span>
  146.                                 {% elseif variant.deliveryTimeTranslation and variant.restockTime and variant.available %}
  147.                                     <span class="deliveryTime-information_restock">
  148.                                         {{ "detail.deliveryTimeRestock"|trans({
  149.                                             '%count%': variant.restockTime,
  150.                                             '%restockTime%': variant.restockTime,
  151.                                             '%name%': variant.deliveryTimeTranslation
  152.                                         })|sw_sanitize }}
  153.                                     </span>
  154.                                 {% else %}
  155.                                     {{ "detail.soldOut"|trans|sw_sanitize }}
  156.                                 {% endif %}
  157.                             </span>
  158.                         </td>
  159.                     {% endif %}
  160.                     {% block zweipunkt_variant_table_extra_columns %}
  161.                     {% endblock %}
  162.                     {% if page.zweiPunktVariantTableConfig.zpvtkbActive %}
  163.                         <td class="basket-column{% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %} td-compact{% endif %}">
  164.                             <form
  165.                                     id="productDetailPageBuyProductForm"
  166.                                     action="{{ path('frontend.checkout.line-item.add') }}"
  167.                                     method="post"
  168.                                     class="buy-widget"
  169.                                     data-add-to-cart="true">
  170.                                 {{ sw_csrf('frontend.checkout.line-item.add') }}
  171.                                 {% set buyable = variant.available%}
  172.                                 {% if buyable %}
  173.                                     {% if 1 == page.zweiPunktVariantTableConfig.zpvtArt %}
  174.                                         <div class="zweipunkt-buybox-input">
  175.                                             <div class="zweipunkt-buy-decrease-button">-</div>
  176.                                             <div class="input--field">
  177.                                                 <input
  178.                                                         name="lineItems[{{ variant.id }}][quantity]"
  179.                                                         type="number"
  180.                                                         id="sQuantity"
  181.                                                         class="quantity--select buy-select"
  182.                                                         value="{{ variant.minPurchase }}"
  183.                                                         min="{{ variant.minPurchase }}"
  184.                                                         max="{{ variant.availableStock }}"
  185.                                                         step="{{ variant.purchaseSteps }}">
  186.                                             </div>
  187.                                             <div class="zweipunkt-buy-increase-button">+</div>
  188.                                         </div>
  189.                                     {% endif %}
  190.                                     <div class="form-row buy-widget-container">
  191.                                         <input type="hidden"
  192.                                                name="redirectTo"
  193.                                                value="frontend.detail.page">
  194.                                         <input type="hidden"
  195.                                                name="redirectParameters"
  196.                                                data-redirect-parameters="true"
  197.                                                value='{"productId": "{{ variant.id }}"}'>
  198.                                         <input type="hidden"
  199.                                                name="lineItems[{{ variant.id }}][id]"
  200.                                                value="{{ variant.id }}">
  201.                                         <input type="hidden"
  202.                                                name="lineItems[{{ variant.id }}][type]"
  203.                                                value="product">
  204.                                         <input type="hidden"
  205.                                                name="lineItems[{{ variant.id }}][referencedId]"
  206.                                                value="{{ variant.id }}">
  207.                                         <input type="hidden"
  208.                                                name="lineItems[{{ variant.id }}][stackable]"
  209.                                                value="1">
  210.                                         <input type="hidden"
  211.                                                name="lineItems[{{ variant.id }}][removable]"
  212.                                                value="1">
  213.                                         <input type="hidden"
  214.                                                name="product-name"
  215.                                                value="{{ variant.translated.name }}">
  216.                                         <button class="btn btn-primary btn-block btn-buy {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}btn-compact{% endif %}"
  217.                                                 style="background-color: {{ page.zweiPunktVariantTableConfig.zpvtbuttonBgcolor }};
  218.                                                         color: {{ page.zweiPunktVariantTableConfig.zpvtbuttonfontBgcolor }};
  219.                                                         border-color: {{ page.zweiPunktVariantTableConfig.zpvtbuttonfontBgcolor }};"
  220.                                                 title="{{ "detail.addProduct"|trans|striptags }}"
  221.                                                 aria-label="{{ "detail.addProduct"|trans|striptags }}">
  222.                                             {% sw_icon 'basket' %}
  223.                                         </button>
  224.                                     </div>
  225.                                 {% else %}
  226.                                     <a class="btn btn-primary btn-block btn-buy {% if 2 == page.zweiPunktVariantTableConfig.zpvtArt %}btn-compact{% endif %}"
  227.                                        style="background-color: {{ page.zweiPunktVariantTableConfig.zpvtbuttonBgcolor }};
  228.                                                color: {{ page.zweiPunktVariantTableConfig.zpvtbuttonfontBgcolor }};
  229.                                                border-color: {{ page.zweiPunktVariantTableConfig.zpvtbuttonfontBgcolor }};"
  230.                                        href="{{ seoUrl('frontend.detail.page', {'productId': variant.id}) }}">
  231.                                         {% sw_icon 'info' %}
  232.                                     </a>
  233.                                 {% endif %}
  234.                             </form>
  235.                         </td>
  236.                     {% endif %}
  237.                 </tr>
  238.             {% endfor %}
  239.             </tbody>
  240.         </table>
  241.     {% endif %}
  242. {% endblock %}