src/Develey/MautnerBundle/Resources/views/Areas/TeaserShopProduct/view.html.twig line 1

Open in your IDE?
  1. {#
  2.  # template override from core areabrick
  3.  # removed price and deliverability container
  4.  #}
  5. {% set spacingSelect %}
  6.     {{ pimcore_checkbox("checkSpacing", {
  7.         "reload": true
  8.     }) }}
  9. {% endset %}
  10. {% set noSpacingTop = '' %}
  11. {% set brickAnchorId = '' %}
  12. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  13.     {% set noSpacingTop = 'no-offset-top' %}
  14. {% endif %}
  15. {% set UID = uniqid() %}
  16. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  17.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  18. {% endif %}
  19. {% set hasSliderSelect %}
  20.     {{ pimcore_select("hasSlider", {
  21.         "store": [
  22.             ["has-slider", "Slider"],
  23.             ["no-slider", "Listenansicht"]
  24.         ]
  25.     }) }}
  26. {% endset %}
  27. {% set colSelect %}
  28.     {{ pimcore_select("cols", {
  29.         "store": [
  30.             ["xs-12 full", "Full"],
  31.             ["xs-12 m-6 half", "Half"],
  32.             ["xs-12 m-6 l-4 one-third", "one-third"]
  33.         ]
  34.     }) }}
  35. {% endset %}
  36. {% if editmode %}
  37.     <div class="flex-col offset-bottom-single">
  38.         <div class="col xs-12 m-6 l-3">
  39.             <span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
  40.             {{ pimcore_input("brickAnchorIdInput") }}
  41.         </div>
  42.         <div class="col xs-12 m-6 l-3">
  43.             <div class="select-items">
  44.                 <div class="hint">
  45.                     {{ 'admin.brick.hint.paddingTop' |trans }}
  46.                 </div>
  47.                 {{ spacingSelect }}
  48.             </div>
  49.         </div>
  50.         <div class="col xs-12 m-6 l-3">
  51.             <span class="hint">{{ 'admin.brick.hint.selectCol' |trans }}</span>
  52.             {{ colSelect }}
  53.         </div>
  54.         <div class="col xs-12 m-6 l-3">
  55.             <span class="hint">{{ ' admin.brick.hint.displayMode' |trans }}</span>
  56.             {{ hasSliderSelect }}
  57.         </div>
  58.     </div>
  59. {% endif %}
  60. {% set colsSelectResult = pimcore_select("cols").getData() ?? 'xs-12 full' %}
  61. {% if editmode %}
  62. <div class="admin teaser-panel-row">
  63.     {% endif %}
  64.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  65.         {% if colsSelectResult == 'xs-12 m-6 l-4 one-third' %}
  66.             {% set colResult = 'one-third' %}
  67.         {% elseif colsSelectResult == 'xs-12 m-6 half' %}
  68.             {% set colResult = 'half' %}
  69.         {% elseif colsSelectResult == 'xs-12 full' %}
  70.             {% set colResult = 'full' %}
  71.         {% endif %}
  72.         <div class="panel {{ editmode ? '' : pimcore_select("hasSlider").getData() }} {{ colResult }}">
  73.             <div class="main-content">
  74.                 <div class="panel-container">
  75.                     <div class="panel-content">
  76.                         <div class="flex-col panel-slider">
  77.                             {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  78.                                 {% set productLink = pimcore_href("selectProduct").getElement() %}
  79.                                 {% if editmode %}
  80.                                     <span class="hint">
  81.                                     {{ 'admin.brick.hint.selectProduct'|trans }}</span>
  82.                                     {{ pimcore_href("selectProduct", {
  83.                                         "types": ["object"],
  84.                                         "subtypes": {
  85.                                             "types": ["object"],
  86.                                         },
  87.                                         "classes": ["ProductFood", "ProductClothing", "Product"],
  88.                                         "reload": true
  89.                                     }) }}
  90.                                 {% endif %}
  91.                                 {% if productLink == true %}
  92.                                     {% set price        = productLink.getOSPrice() %}
  93.                                     {% set currency     = price.getCurrency() %}
  94.                                     {% set oldPrice     = currency.toCurrency(productLink.getPriceOld()) %}
  95.                                     {% set articleNumber     = productLink.getArticleNumber() %}
  96.                                     {% set productName     = productLink.getName() %}
  97.                                     {% set detailViewUri    = pimcore_url(
  98.                                         {
  99.                                             "name": productLink.getUrlTitle(),
  100.                                             "articlenumber": productLink.getArticleNumber()
  101.                                         },
  102.                                         "shopHandlerProductDetail"
  103.                                         ) %}
  104.                                     {% set thumbnailUrl     = productLink.getProductImage().getThumbnail({
  105.                                         "width": 420,
  106.                                         "height": 190,
  107.                                         "frame": true,
  108.                                         "positioning": "center"
  109.                                     }) %}
  110.                                     <div class="col {{ colsSelectResult }}">
  111.                                         <div class="teaser image-text product">
  112.                                             <div class="teaser-content">
  113.                                                 <div class="image">
  114.                                                     <a href="{{ detailViewUri }}">
  115.                                                         <img src="{{ thumbnailUrl }}" title="{{ articleNumber }}"/>
  116.                                                     </a>
  117.                                                 </div>
  118.                                                 <div class="teaser-text-box">
  119.                                                     <div class="title-box">
  120.                                                         <h4>
  121.                                                             <a href="{{ detailViewUri }}">{{ productName }}</a>
  122.                                                         </h4>
  123.                                                     </div>
  124.                                                     <div class="content-box product-price-container">
  125.                                                         <a class="button btn-default" href="{{ detailViewUri }}">
  126.                                                             {{ 'View Product' |trans }}
  127.                                                         </a>
  128.                                                     </div>
  129.                                                 </div>
  130.                                             </div>
  131.                                         </div>
  132.                                     </div>
  133.                                 {% endif %}
  134.                             {% endfor %}
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </div>
  141.     {% if editmode %}
  142. </div>
  143. {% endif %}