src/Develey/BbqueBundle/Resources/views/Product/showByArticleNumber.html.twig line 1

Open in your IDE?
  1. {% extends 'pageTemplateProducts.html.twig' %}
  2. {% block content %}
  3.  {% set productName = product.getName() %}
  4. <div class="section">
  5.     <div class="main-content flex-col">
  6.         <div class="col xs-12 m-5">
  7.             {% set galleryItems = product.getGallery() ? product.getGallery().getItems() : null %}
  8.             {% if(galleryItems|length > 0) %}
  9.                 <div class="product-item-image-wrapper slider slick-slider has-slider">
  10.             {% else %}
  11.                 <div class="slider slick-slider">
  12.             {% endif %}
  13.                 <div class="product-image-item">
  14.                     <div>
  15.                         {% set productDetailImage = product.getDetailViewRepresentationNew() |objectFallbackImage %}
  16.                         {% if productDetailImage != null %}
  17.                             {{ productDetailImage.getThumbnail("productImageDetail" ~bundleName).getHtml() |raw }}
  18.                         {% endif %}
  19.                     </div>
  20.                 </div>
  21.                 {% if(product.getGallery) %}
  22.                     {% for gallery in product.getGallery %}
  23.                         {% if gallery != null %}
  24.                             <div class="product-image-item">
  25.                                 <div>
  26.                                     {{ gallery.getImage().getThumbnail("productGalleryDetail" ~bundleName).getHtml() |raw }}
  27.                                 </div>
  28.                             </div>
  29.                         {% endif %}
  30.                     {% endfor %}
  31.                 {% endif %}
  32.             </div>
  33.         </div>
  34.             <div class="col xs-12 m-7">
  35.                 <div class="product-info-container text-only">
  36.                     <div class="product-title-container">
  37.                         <h1>{{ productName |trademark }}</h1>
  38.                     </div>
  39.                     {% if variants %}
  40.                         <div class="product-variation-container">
  41.                             <ul class="product-variants">
  42.                                 {% for variant in variants %}
  43.                                     <li {% if variant.getId() == product.getId() %} class="active" {% endif %}>
  44.                                         {% set detailViewUri    = pimcore_url(
  45.                                             {
  46.                                                 "name": variant.getUrlTitle(),
  47.                                                 "articlenumber": variant.getArticleNumber()
  48.                                             },
  49.                                             "shopHandlerProductDetail"
  50.                                             ) %}
  51.                                         <a href="{{ detailViewUri }}">
  52.                                             <span class="product-variation-size">
  53.                                                 {{ variant.getVariantQualifier() }}
  54.                                             </span>
  55.                                             <span class="product-variation-thumbnail">
  56.                                                 <img src="{{ variant.getProductImage().getThumbnail("productDetailImageVariants" ~bundleName) }}"
  57.                                                      alt="{% if variant.getProductImage().getMetadata() is not empty %}{{ variant.getProductImage().getMetadata().0.data }}{% else %}{{ productName }}{% endif %}"/>
  58.                                             </span>
  59.                                         </a>
  60.                                     </li>
  61.                                 {% endfor %}
  62.                             </ul>
  63.                         </div>
  64.                     {% endif %}
  65.                     <div class="product-short-description-container">
  66.                         <span class="no-padding">{{ product.getTextContentByType("shortTextRepresentation", document) | raw }}</span>
  67.                     </div>
  68.                     <div class="product-price-container">
  69.                         {% set priceInfo    = product.getOSPriceInfo() %}
  70.                         {% set price        = product.getOSPrice() %}
  71.                         {% set oldPrice     = product.getPriceOld() %}
  72.                         {% set currency     = price.getCurrency() %}
  73.                         {% if oldPrice!=0 %}
  74.                             <div class="product-price old">
  75.                                 {{ currency.toCurrency(oldPrice) }}
  76.                             </div>
  77.                         {% endif %}
  78.                         <div class="product-price">
  79.                             <span{% if oldPrice!=0 %} class="has-old"{% endif %}>{{ price }}</span>
  80.                         </div>
  81.                     </div>
  82.                     {% if product.getDeliverability() == 'unavailable' %}
  83.                     {% else %}
  84.                         <div class="product-action-wrapper">
  85.                             {% set jsSubmitClass = '' %}
  86.                             {% if enabledWebsiteFeatures is defined and enabledWebsiteFeatures['sidebarCart'] is defined and enabledWebsiteFeatures['sidebarCart'] == true %}
  87.                                 {% set jsSubmitClass = 'js-submit-ajax' %}
  88.                             {% endif %}
  89.                             <form method="post" class="{{ jsSubmitClass }}" action="{{ pimcore_url({"action": "add"}, "shopHandlerCart") }}">
  90.                                 <div class="product-action-container">
  91.                                     <div class="product-quantity">
  92.                                         <input type="number" name="quantity" min="1" value="1"/>
  93.                                         <input type="hidden" name="article" value="{{ product.getArticleNumber() }}">
  94.                                     </div>
  95.                                     <div class="product-action-button">
  96.                                         <button class="button btn-default">
  97.                                             {{ 'Add to Cart'|trans }}
  98.                                         </button>
  99.                                     </div>
  100.                                 </div>
  101.                                 {% for message in app.flashes('error') %}
  102.                                     {% if message.message %}
  103.                                         {% if message.id == product.id %}
  104.                                             <div class="error-message inline">
  105.                                                 {{ message.message }}
  106.                                             </div>
  107.                                         {% endif %}
  108.                                     {% else %}
  109.                                         <div class="error-message inline">
  110.                                             {{ message }}
  111.                                         </div>
  112.                                     {% endif %}
  113.                                 {% endfor %}
  114.                             </form>
  115.                             {% if oldPrice and minimumPrice30DaysAllCountries[country] is defined and minimumPrice30DaysAllCountries[country] %}
  116.                                 <div style="margin-bottom: 10px;">
  117.                                     {{ 'minPriceLast30Days' | trans }} {{ currency.toCurrency(minimumPrice30DaysAllCountries[country]) }}
  118.                                 </div>
  119.                             {% endif %}
  120.                         </div>
  121.                     {% endif %}
  122.                     <div class="product-additional-information-container">
  123.                         <div class="product-additional-information-row">
  124.                             {% if product.getDeliverability() != 'unavailable' %}
  125.                                 <div class="product-ability">
  126.                                     {{ product.getDeliverability() |trans }}
  127.                                 </div>
  128.                                 <div class="delivery-time">
  129.                                     {{ 'Delivery Time' |trans }} {{ product.getDeliverytime() |trans }}
  130.                                 </div>
  131.                             {% else %}
  132.                                 <div class="product-ability">
  133.                                     {{ product.getDeliverability() |trans }}
  134.                                 </div>
  135.                             {% endif %}
  136.                         </div>
  137.                         <div class="product-additional-information-row">
  138.                             <div>
  139.                                 {% set ammount = product.getAmmount() %}
  140.                                 {{ 'Capacity:'|trans }}
  141.                                 {{ ammount.getValue() }} {{ ammount.getUnit().getAbbreviation() |trans }}
  142.                                 {% if showReferencePrice and ammount.getUnit().getAbbreviation() != 'stk' %}
  143.                                     {% set pricereference   = product.getPriceReferenceNew() %}
  144.                                     {% if(pricereference>0) %}
  145.                                         ({{ currency.toCurrency(pricereference) }}
  146.                                         {% if(pricereference) %} /
  147.                                             {% set value = product.getAmmount().getUnit().abbreviation | lower %}
  148.                                             {% if value == 'mg' or value == 'g' or value == 'kg' %}
  149.                                                 kg
  150.                                             {% endif %}
  151.                                             {% if value == 'ml' or value == 'l' %}
  152.                                                 l
  153.                                             {% endif %}
  154.                                             {% if value == 'stk' %}
  155.                                                 Stk
  156.                                             {% endif %}
  157.                                         {% endif %})
  158.                                     {% endif %}
  159.                                 {% endif %}
  160.                             </div>
  161.                             <div>
  162.                                 {% if product.getDeliveryCostHint() != '' %}
  163.                                     <a href="{{ 'Shipping link' |trans }}" target="_blank">{{ product.getDeliveryCostHint() }}</a>
  164.                                 {% else %}
  165.                                     {{ 'incl. VAT,' |trans }} <a href="{{ 'Shipping link' |trans }}" target="_blank">{{ ' plus shipping' |trans }}</a>
  166.                                 {% endif %}
  167.                             </div>
  168.                         </div>
  169.                         {% if product.getDeliverability() == 'unavailable' %}
  170.                             <div class="product-additional-information-row">
  171.                                 {% include 'Partials/productStockInformCustomer.html.twig' %}
  172.                             </div>
  173.                         {% endif %}
  174.                     </div>
  175.                 </div>
  176.             </div>
  177.         </div>
  178.     </div>
  179.     {% if(isProductFood) %}
  180.         {% include 'Partials/FitsPerfectly.html.twig' %}
  181.     {% endif %}
  182.     <div class="section">
  183.         <div class="main-content flex-col">
  184.             <div class="col xs-12 m-6 l-8">
  185.                 <div class="text-only">
  186.                     <div class="text">
  187.                         <h3>{{ 'Produkt' |trans }}</h3>
  188.                         <span class="no-padding">{{ product.getTextContentByType("longTextRepresentation", document) | raw | trademark }}</span>
  189.                         <div class="product-additional-information">
  190.                             <div class="information-item">
  191.                                 <div>
  192.                                     <p>{{ 'SKU:' |trans }}</p>
  193.                                 </div>
  194.                                 <div>
  195.                                     <p>{{ product.getArticleNumber() }}</p>
  196.                                 </div>
  197.                             </div>
  198.                             {% if product.getWeight() %}
  199.                                 <div class="information-item">
  200.                                     <div>{{ 'Gewicht:' |trans }} </div>
  201.                                     <div>
  202.                                         <p>{{ product.getWeight() }} kg</p>
  203.                                     </div>
  204.                                 </div>
  205.                             {% endif %}
  206.                             {% if product.getWidth() and product.getHeight()and product.getDepth() %}
  207.                                 <div class="information-item">
  208.                                     <div>{{ 'Maße in cm (B/H/L):' |trans }} </div>
  209.                                     <div>
  210.                                         <p>{{ product.getWidth() }} / {{ product.getHeight() }} / {{ product.getDepth() }} </p>
  211.                                     </div>
  212.                                 </div>
  213.                             {% endif %}
  214.                         </div>
  215.                     </div>
  216.                 </div>
  217.             </div>
  218.             <div class="col xs-12 m-6 l-4">
  219.                 {% if isProductFood %}
  220.                     <div class="sales-description-wrapper">
  221.                         {{ product.getSalesDescription() }}
  222.                     </div>
  223.                     <div id="tabber-xyz" class="tabber" data-tab-type="default">
  224.                         <ul class="tabs resp-tabs-list tab-id">
  225.                             <li>{{ 'Nährwerte' |trans }}</li>
  226.                             <li>{{ 'Zutaten' |trans }}</li>
  227.                         </ul>
  228.                         <div class="resp-tabs-container tab-id">
  229.                             <div class="tab-content">
  230.                                 {% include 'Partials/NutritionFactsDefault.html.twig' %}
  231.                             </div>
  232.                             <div class="tab-content">
  233.                                 {% include 'Partials/IngredientsDefault.html.twig' %}
  234.                             </div>
  235.                         </div>
  236.                     </div>
  237.                 {% endif %}
  238.             </div>
  239.         </div>
  240.     </div>
  241.     {% include 'Partials/ScovilleScale.html.twig' %}
  242.     {% set relatedProducts = product.getrelatedProducts %}
  243.     {% if relatedProducts %}
  244.         {% if relatedProducts|length > 3 %}
  245.             <div class="section panel has-slider">
  246.         {% else %}
  247.             <div class="section panel">
  248.         {% endif %}
  249.             <div class="main-content flex-col box-align-center related-products-wrapper">
  250.                 {% include 'Partials/relatedProducts.html.twig' %}
  251.             </div>
  252.         </div>
  253.     {% endif %}
  254. {% endblock %}