src/Develey/LoewensenfBundle/Resources/views/Areas/TeaserRecipe/view.html.twig line 1

Open in your IDE?
  1. {#
  2. NOTE: This file is a override from the Core Areabrick: "differences of overwrite"
  3. #}
  4. {% set spacingSelect %}
  5.     {{ pimcore_checkbox("checkSpacing", {
  6.         "reload": true
  7.     }) }}
  8. {% endset %}
  9. {% set noSpacingTop = '' %}
  10. {% set brickAnchorId = '' %}
  11. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  12.     {% set noSpacingTop = 'no-offset-top' %}
  13. {% endif %}
  14. {% set UID = uniqid() %}
  15. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  16.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  17. {% endif %}
  18. {% set hasSliderSelect %}
  19.     {{ pimcore_select("hasSlider", {
  20.         "store": [
  21.         ["has-slider", "Slider"],
  22.         ["no-slider", "Listenansicht"]
  23.         ], reload: true
  24.     }) }}
  25. {% endset %}
  27. {% set colSelect %}
  28.     {{ pimcore_select("cols", {
  29.         "store": [
  30.         ["xs-12 full", "1"],
  31.         ["xs-12 m-6 half", "2"],
  32.         ["xs-12 m-6 l-4 one-third", "3"]
  33.         ], reload: true
  34.     }) }}
  35. {% endset %}
  37. {% set colsSelectResult = pimcore_select("cols").getData() %}
  39. {% if editmode %}
  40.     <div class="flex-col offset-bottom-single">
  41.         <div class="col xs-12 m-6 l-3">
  42.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  43.             {{ pimcore_input("brickAnchorIdInput") }}
  44.         </div>
  45.         <div class="col xs-12 m-6 l-3">
  46.             <div class="select-items">
  47.                 <div class="hint">
  48.                     {{ 'Kein Abstand nach oben?' |trans }}
  49.                 </div>
  50.                 {{ spacingSelect }}
  51.             </div>
  52.         </div>
  53.         <div class="col xs-12 m-6 l-3">
  54.             <span class="hint">{{ 'Teaser Content Breite:' |trans }}</span>
  55.             {{ colSelect }}
  56.         </div>
  57.         <div class="col xs-12 m-6 l-3">
  58.             <span class="hint">{{ ' Darstellungsart:' |trans }}</span>
  59.             {{ hasSliderSelect }}
  60.         </div>
  61.     </div>
  62. {% endif %}
  63. {% if editmode %}
  64. <div class="admin teaser-panel-row">
  65.     {% endif %}
  66.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  67.         <div class=" panel {% if editmode %} {% else %}{{ pimcore_select("hasSlider").getData() }} {% endif %}{% if colsSelectResult == 'xs-12 m-6 half' %}half{% elseif colsSelectResult == 'xs-12 full' %}full{% else %}one-third{% endif %} recipe-page">
  68.             <div class="main-content">
  69.                 <div class="panel-container">
  70.                     <div class="panel-content">
  71.                         <div class="flex-col panel-slider">
  72.                             {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  73.                                 {% set recipeLink = pimcore_href("selectRecipe").getElement() %}
  74.                                 {% if editmode %}
  75.                                     <span class="hint">
  76.                                     {{ 'Bitte wählen Sie ein Rezept'|trans }}</span>
  77.                                     {{ pimcore_href("selectRecipe", {
  78.                                         "types": ["object"],
  79.                                         "classes": ["Recipe"],
  80.                                         "reload": true
  81.                                     }) }}
  82.                                 {% endif %}
  83.                                 {% if recipeLink is not empty %}
  84.                                     {% set detailViewUri    = pimcore_url(
  85.                                     {
  86.                                     "name": recipeLink.getUrlTitle(),
  87.                                     "rezeptid": recipeLink.getId()
  88.                                     },
  89.                                     "recipeDetail"
  90.                                     ) %}
  91.                                     <div class="col {{ colsSelectResult }}">
  92.                                         <div class="teaser recipe-item">
  93.                                             <div class="teaser-content">
  94.                                                 <div class="image">
  95.                                                     <a href="{{ detailViewUri }}">
  96.                                                         {% if colsSelectResult == 'xs-12 full' %}
  97.                                                             {{ recipeLink.getHeaderImage().getThumbnail("TeaserRecipeItemImageFull" ~ bundleName).getHTML() |raw }}
  98.                                                         {% else %}
  99.                                                             {{ recipeLink.getHeaderImage().getThumbnail("TeaserRecipeItemImage" ~ bundleName).getHTML() |raw }}
  100.                                                         {% endif %}
  101.                                                     </a>
  102.                                                 </div>
  103.                                                 <div class="teaser-text-box with-front-img">
  104.                                                     {% if recipeLink.getRelatedProducts() is not empty %}
  105.                                                         <div class="teaser-image-front">
  106.                                                             {# differences of overwrite - zusätzliches CSS bei 3 Spalten: #}
  107.                                                             <div {% if colSelect != 'xs-12 full' %}class="teaser-recipe_image-mobile"{% endif %}>
  108.                                                                 {{ recipeLink.getRelatedProducts().0.listViewRepresentationNew.getThumbnail("TeaserRecipeItemBottle" ~ bundleName).getHTML() |raw }}
  109.                                                             </div>
  110.                                                         </div>
  111.                                                         {# differences of overwrite - Bild neu positioniert - start #}
  112.                                                         {% if colSelect != 'xs-12 full'  %}
  113.                                                             <div class="teaser-recipe_image">
  114.                                                                 <div class="teaser-recipe_image-wrapper">
  115.                                                                     <div class="teaser-recipe_image-box">
  116.                                                                         {{ recipeLink.getRelatedProducts().0.listViewRepresentationNew.getThumbnail("TeaserRecipeItemBottle" ~ bundleName).getHTML() |raw }}
  117.                                                                     </div>
  118.                                                                 </div>
  119.                                                             </div>
  120.                                                         {% endif %}
  121.                                                         {# differences of overwrite - Bild neu positioniert - end #}
  122.                                                     {% endif %}
  123.                                                     <div class="teaser-text-container">
  124.                                                         <div class="title-box">
  125.                                                             <h4>{{ recipeLink.getTitle() |trademark }}</h4>
  126.                                                         </div>
  127.                                                         <div class="teaser-link">
  128.                                                           <a class="button" href="{{ detailViewUri }}" aria-label="{{ 'Mehr erfahren' |trans }}"> <span>{{ 'Mehr erfahren' |trans }}</span></a>
  129.                                                         </div>
  130.                                                     </div>
  131.                                                 </div>
  132.                                             </div>
  133.                                         </div>
  134.                                     </div>
  135.                                 {% endif %}
  136.                             {% endfor %}
  137.                         </div>
  138.                     </div>
  139.                 </div>
  140.             </div>
  141.         </div>
  142. </div>
  143.     {% if editmode %}
  144. </div>
  145. {% endif %}