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

Open in your IDE?
  1. {% extends 'pageTemplateProducts.html.twig' %}
  3. {% block content %}
  4.     {% set productName = product.getName() %}
  6.     <div class="section">
  7.         <div class="has-background">
  8.             <div class="main-content flex-col">
  9.                 <div class="col xs-12 m-6">
  10.                     {% set galleryItems = product.getGallery().getItems() %}
  11.                     {% if(galleryItems|length > 0) %}
  12.                     <div class="product-item-image-wrapper slider slick-slider has-slider">
  13.                         {% else %}
  14.                         <div class="slider slick-slider">
  15.                             {% endif %}
  17.                             <div class="product-image-item">
  18.                                 {% set productDetailImage = product.getDetailViewRepresentationNew() |objectFallbackImage %}
  19.                                 {{ productDetailImage.getThumbnail("productImageDetail" ~bundleName).getHtml() |raw }}
  20.                             </div>
  22.                             {% if(product.getGallery) %}
  23.                                 {% for gallery in product.getGallery %}
  24.                                     {% if gallery != null %}
  25.                                         <div class="product-image-item">
  26.                                             {{ gallery.getImage().getThumbnail("productGalleryDetail" ~bundleName).getHtml() |raw }}
  27.                                         </div>
  28.                                     {% endif %}
  29.                                 {% endfor %}
  30.                             {% endif %}
  32.                         </div>
  33.                     </div>
  34.                     <div class="col xs-12 m-6">
  35.                         <div class="product-info-container text-only">
  36.                             <div class="product-title-container">
  37.                                 <h1>{{ productName |trademark }}</h1>
  38.                             </div>
  39.                             <div class="product-short-description-container">
  40.                                 <span class="no-padding">{{ product.getTextContentByType("shortTextRepresentation", document) | raw }}</span>
  41.                             </div>
  42.                         </div>
  43.                         {% if isProductFood %}
  44.                             <div class="sales-description-wrapper">
  45.                                 {{ product.getSalesDescription() }}
  46.                             </div>
  47.                             <div id="tabber-xyz" class="tabber" data-tab-type="default">
  48.                                 <ul class="tabs resp-tabs-list tab-id">
  49.                                     <li>{{ 'Nährwerte' |trans }}</li>
  50.                                     <li>{{ 'Zutaten' |trans }}</li>
  51.                                 </ul>
  52.                                 <div class="resp-tabs-container tab-id">
  53.                                     <div class="tab-content">
  54.                                         {% include 'Partials/NutritionFactsDefault.html.twig' %}
  55.                                     </div>
  56.                                     <div class="tab-content">
  57.                                         {% include 'Partials/IngredientsDefault.html.twig' %}
  58.                                     </div>
  59.                                 </div>
  60.                             </div>
  61.                         {% endif %}
  62.                     </div>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </div>
  68.     {% if(isProductFood) %}
  69.         {% include 'Partials/FitsPerfectly.html.twig' %}
  70.     {% endif %}
  71.     {% if product.getLongTextRepresentation() is not empty %}
  72.         <div class="section">
  73.             <div class="main-content flex-col">
  74.                 <div class="col xs-12 m-6 l-8">
  75.                     <div class="text-only">
  76.                         <div class="text">
  77.                             <h4>{{ 'Produkt' |trans }}</h4>
  78.                             <span class="no-padding">{{ product.getTextContentByType("longTextRepresentation", document) | raw | trademark }}</span>
  79.                             <div class="product-additional-information">
  80.                                 {% if product.getWeight() %}
  81.                                     <div class="information-item">
  82.                                         <div>{{ 'Gewicht:' |trans }} </div>
  83.                                         <div>
  84.                                             <p>{{ product.getWeight() }} kg</p>
  85.                                         </div>
  86.                                     </div>
  87.                                 {% endif %}
  88.                                 {% if product.getWidth() and product.getHeight()and product.getDepth() %}
  89.                                     <div class="information-item">
  90.                                         <div>{{ 'Maße in cm (B/H/L):' |trans }} </div>
  91.                                         <div>
  92.                                             <p>{{ product.getWidth() }} / {{ product.getHeight() }} / {{ product.getDepth() }} </p>
  93.                                         </div>
  94.                                     </div>
  95.                                 {% endif %}
  96.                             </div>
  97.                         </div>
  98.                     </div>
  99.                 </div>
  100.                 {% set relatedProducts = product.getrelatedProducts %}
  101.                 {% if relatedProducts %}
  102.                     <div class="col xs-12 m-6 l-4">
  103.                         <div class="panel {% if relatedProducts|length > 1 %}has-slider{% endif %}">
  104.                             <div class="main-content flex-col">
  105.                                 {% if relatedProducts %}
  106.                                     {% include 'Partials/relatedProducts.html.twig' %}
  107.                                 {% endif %}
  108.                             </div>
  109.                         </div>
  110.                     </div>
  111.                 {% endif %}
  112.             </div>
  113.         </div>
  114.     {% endif %}
  115.     {#{% set relatedProducts = product.getrelatedProducts %}
  116.         {% if relatedProducts %}
  117.         {% if relatedProducts|length > 3 %}
  118.     <div class="section background pattern panel has-slider">
  119.         {% else %}
  120.         <div class="section background pattern panel">
  121.             {% endif %}
  122.             <div class="main-content flex-col box-align-center offset">
  123.                 {% if relatedProducts %}
  124.                     {% include 'Partials/relatedProducts.html.twig' %}
  125.                 {% endif %}
  126.             </div>
  127.         </div>
  129.         {% endif %}#}
  131. {% endblock %}