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

Open in your IDE?
  1. {% extends 'pageTemplateProducts.html.twig' %}
  3. {% block content %}
  4.     {% set productName = product.name %}
  6.     <div class="section">
  7.         <div class="product-container-top">
  8.             <div class="main-content flex-col box-center">
  9.                {% if prevProduct and nextProduct %}
  10.                 <div class="xs-12 flex-col product-nav">
  11.                     <div class="product-nav-left">
  12.                         {% set detailViewUriPrevProduct    = pimcore_url(
  13.                             {
  14.                                 "name": prevProduct.urlTitle,
  15.                                 "articlenumber": prevProduct.articleNumber,
  16.                                 "productCategoryId": productCategoryId
  17.                             },
  18.                             "shopHandlerProductDetailMautner"
  19.                             ) %}
  20.                         {% set detailViewUriNextProduct    = pimcore_url(
  21.                             {
  22.                                 "name": nextProduct.urlTitle,
  23.                                 "articlenumber": nextProduct.articleNumber,
  24.                                 "productCategoryId": productCategoryId
  25.                             },
  26.                             "shopHandlerProductDetailMautner"
  27.                             ) %}
  29.                         <a href="{{ detailViewUriPrevProduct}}">
  30.                             <span>{{ prevProduct.name|trademark }}</span>
  31.                             {% set prevProductImage = prevProduct.getDetailViewRepresentationNew() |objectFallbackImage %}
  32.                             {{ prevProductImage.getThumbnail("productDetailNavImage" ~ bundleName).getHtml() |raw }}
  33.                         </a>
  34.                     </div>
  35.                     <div class="product-nav-right">
  36.                         <a href="{{ detailViewUriNextProduct}}">
  37.                             <span>{{ nextProduct.name|trademark }}</span>
  38.                             {% set nextProductImage = nextProduct.getDetailViewRepresentationNew() |objectFallbackImage %}
  39.                             {{ nextProductImage.getThumbnail("productDetailNavImage" ~ bundleName).getHtml() |raw }}
  40.                         </a>
  41.                     </div>
  42.                 </div>
  43.                 {% endif %}
  44.                 <div class="xs-12 l-10 flex-col">
  45.                     <div class="col xs-12 m-6 image">
  46.                         {% set galleryItems = product.getGallery().getItems() %}
  47.                         {% if(galleryItems|length > 0) %}
  48.                         <div class="product-item-image-wrapper slider slick-slider has-slider">
  49.                             {% else %}
  50.                             <div class="slider slick-slider">
  51.                                 {% endif %}
  53.                                 <div class="product-image-item">
  54.                                     {% set productDetailImage = product.getDetailViewRepresentationNew() |objectFallbackImage %}
  55.                                     {{ productDetailImage.getThumbnail("productImageDetail" ~bundleName).getHtml() |raw }}
  56.                                 </div>
  58.                                 {% if(product.getGallery) %}
  59.                                     {% for gallery in product.getGallery %}
  60.                                         {% if gallery != null %}
  61.                                             <div class="product-image-item">
  62.                                                 {{ gallery.getImage().getThumbnail("productGalleryDetail" ~bundleName).getHtml() |raw }}
  63.                                             </div>
  64.                                         {% endif %}
  65.                                     {% endfor %}
  66.                                 {% endif %}
  68.                             </div>
  69.                         </div>
  70.                         <div class="col xs-12 m-6 text">
  71.                             <div class="product-info-container text-only">
  72.                                 <div class="product-short-description-container">
  73.                                     <span class="no-padding">{{ product.getTextContentByType("shortTextRepresentation", document) | raw }}</span>
  74.                                 </div>
  75.                                 <div class="product-title-container">
  76.                                     <h1>{{ productName |trademark }}</h1>
  77.                                 </div>
  78.                                 {% if variants %}
  79.                                     <div class="product-variation-container">
  80.                                         <ul class="product-variants">
  81.                                             {% for variant in variants %}
  82.                                                 <li {% if highlightedProductId == variant.getId %} class="active" {% endif %}>
  83.                                                     {% set detailViewUri    = pimcore_url(
  84.                                                     {
  85.                                                     "name": variant.getUrlTitle(),
  86.                                                     "articlenumber": variant.getArticleNumber(),
  87.                                                     "productCategoryId": productCategoryId
  88.                                                     },
  89.                                                     "shopHandlerProductDetailMautner"
  90.                                                     ) %}
  92.                                                     <a href="{{ detailViewUri }}">
  93.                                             <span class="product-variation-size">
  94.                                                 {{ variant.getVariantQualifier() }}
  95.                                             </span>
  96.                                                         <span class="product-variation-thumbnail">
  97.                                                 <img src="{{ variant.getProductImage().getThumbnail("productDetailImageVariants" ~bundleName) }}"
  98.                                                      alt="{% if variant.getProductImage().getMetadata() is not empty %}{{ variant.getProductImage().getMetadata().0.data }}{% else %}{{ productName }}{% endif %}"/>
  99.                                             </span>
  100.                                                     </a>
  101.                                                 </li>
  102.                                             {% endfor %}
  103.                                         </ul>
  104.                                     </div>
  105.                                 {% endif %}
  106.                                 <span class="no-padding">{{ product.getTextContentByType("longTextRepresentation", document) | raw | trademark }}</span>
  107.                             </div>
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </div>
  114. <div class="section">
  115.     <div class="text-image textpic-intext nowrap align-right">
  116.         <div class="main-content flex-col box-center">
  117.             <div class="xs-12 l-10 flex-col">
  118.                 <div class="col xs-12 m-6 text">
  119.                     {% if isProductFood %}
  120.                         <div id="tabber-xyz" class="tabber" data-tab-type="default">
  121.                             <ul class="tabs resp-tabs-list tab-id">
  122.                                 <li>{{ 'Nährwerte' |trans }}</li>
  123.                                 <li>{{ 'Zutaten' |trans }}</li>
  124.                             </ul>
  125.                             <div class="resp-tabs-container tab-id">
  126.                                 <div class="tab-content">
  127.                                     {% include 'Partials/NutritionFactsDefault.html.twig' %}
  128.                                 </div>
  129.                                 <div class="tab-content">
  130.                                     {% include 'Partials/IngredientsDefault.html.twig' %}
  131.                                 </div>
  132.                             </div>
  133.                         </div>
  134.                     {% endif %}
  135.                 </div>
  136.                 <div class="col xs-12 m-6 image">
  137.                     {% if product.getAdditionalImage() %}
  138.                         {{ product.getAdditionalImage().getThumbnail("textImage" ~ bundleName).getHtml()|raw }}
  139.                     {% endif %}
  140.                 </div>
  141.             </div>
  142.         </div>
  143.     </div>
  144. </div>
  146.     {% if product.getHeadlineTop %}
  147.         {% include 'Partials/StageSpecificProducts.html.twig' %}
  148.     {% endif %}
  149.     {% if(isProductFood) %}
  150.         {% include 'Partials/FitsPerfectly.html.twig' %}
  151.     {% endif %}
  152.     {% set relatedProducts = product.getrelatedProducts %}
  153.     {% if relatedProducts %}
  154.         {% include 'Partials/relatedProducts.html.twig' %}
  155.     {% endif %}
  157.     {% set magazineSelect = product.getMagazinSelect() %}
  158.     {% if magazineSelect is not empty %}
  159.         {% include 'Partials/relatedMagazines.html.twig' %}
  160.     {% endif %}
  162. {% endblock %}