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