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