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

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