src/Develey/TabascoBundle/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().getItems() %}
  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" value="1" min="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.                                 Inhalt:
  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.                                 {% if product.getDeliveryCostHint() != '' %}
  160.                                     <a href="{{ 'Versandlink' |trans }}" target="_blank">{{ product.getDeliveryCostHint() }}</a>
  161.                                 {% else %}
  162.                                     {{ 'inkl. MwSt.,' |trans }} <a href="{{ 'Versandlink' |trans }}" target="_blank">{{ ' zzgl. Versand' |trans }}</a>
  163.                                 {% endif %}
  164.                             </div>
  165.                         </div>
  166.                         {% if product.getDeliverability() == 'unavailable' %}
  167.                             <div class="product-additional-information-row">
  168.                                 {% include 'Partials/productStockInformCustomer.html.twig' %}
  169.                             </div>
  170.                         {% endif %}
  171.                     </div>
  172.                 </div>
  173.             </div>
  174.         </div>
  175.     </div>
  176.     {% if(isProductFood) %}
  177.     {% include 'Partials/FitsPerfectly.html.twig' %}
  178.     {% endif %}
  179.     <div class="section">
  180.         <div class="main-content flex-col">
  181.             <div class="col xs-12 m-6 l-8">
  182.                 <div class="text-only">
  183.                     <div class="text">
  184.                         <h4>{{ 'Produkt' |trans }}</h4>
  185.                         <span class="no-padding">{{ product.getTextContentByType("longTextRepresentation", document) | raw | trademark }}</span>
  186.                         <div class="product-additional-information">
  187.                             <div class="information-item">
  188.                                 <div>
  189.                                     <p>{{ 'SKU:' |trans }}</p>
  190.                                 </div>
  191.                                 <div>
  192.                                     <p>{{ product.getArticleNumber() }}</p>
  193.                                 </div>
  194.                             </div>
  195.                             {% if product.getWeight() %}
  196.                                 <div class="information-item">
  197.                                     <div>{{ 'Gewicht:' |trans }} </div>
  198.                                     <div>
  199.                                         <p>{{ product.getWeight() }} kg</p>
  200.                                     </div>
  201.                                 </div>
  202.                             {% endif %}
  203.                             {% if product.getWidth() and product.getHeight()and product.getDepth() %}
  204.                                 <div class="information-item">
  205.                                     <div>{{ 'Maße in cm (B/H/L):' |trans }} </div>
  206.                                     <div>
  207.                                         <p>{{ product.getWidth() }} / {{ product.getHeight() }} / {{ product.getDepth() }} </p>
  208.                                     </div>
  209.                                 </div>
  210.                             {% endif %}
  211.                         </div>
  212.                     </div>
  213.                 </div>
  214.             </div>
  215.             <div class="col xs-12 m-6 l-4">
  216.                 {% if isProductFood %}
  217.                     <div class="sales-description-wrapper">
  218.                         {{ product.getSalesDescription() }}
  219.                     </div>
  220.                     <div id="tabber-xyz" class="tabber" data-tab-type="default">
  221.                         <ul class="tabs resp-tabs-list tab-id">
  222.                             <li>{{ 'Nährwerte' |trans }}</li>
  223.                             <li>{{ 'Zutaten' |trans }}</li>
  224.                         </ul>
  225.                         <div class="resp-tabs-container tab-id">
  226.                             <div class="tab-content">
  227.                                 {% include 'Partials/NutritionFactsDefault.html.twig' %}
  228.                             </div>
  229.                             <div class="tab-content">
  230.                                 {% include 'Partials/IngredientsDefault.html.twig' %}
  231.                             </div>
  232.                         </div>
  233.                     </div>
  234.                 {% endif %}
  235.             </div>
  236.         </div>
  237.     </div>
  238.     {% include 'Partials/ScovilleScale.html.twig' %}
  239.     {% set relatedProducts = product.getrelatedProducts %}
  240.     {% if relatedProducts %}
  241.     {% if relatedProducts|length > 3 %}
  242.     <div class="section panel has-slider">
  243.         {% else %}
  244.         <div class="section panel">
  245.             {% endif %}
  246.             <div class="main-content flex-col box-align-center">
  247.                 {% if relatedProducts %}
  248.                     {% include 'Partials/relatedProducts.html.twig' %}
  249.                 {% endif %}
  250.             </div>
  251.         </div>
  252.         {% endif %}
  253.         {% endblock %}