src/Develey/MautnerBundle/Resources/views/Areas/ContentSlider/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 SlideNumber = 0 %}
  16. {% if editmode %}
  17.     <div class="flex-col offset-bottom-single">
  18.         <div class="col xs-12 m-6 l-3">
  19.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  20.             {{ pimcore_input("brickAnchorIdInput") }}
  21.         </div>
  22.         <div class="col xs-12 m-6 l-3">
  23.             <div class="select-items">
  24.                 <div class="hint">
  25.                     {{ 'Kein Abstand nach oben?' |trans }}
  26.                 </div>
  27.                 {{ spacingSelect }}
  28.             </div>
  29.         </div>
  30.     </div>
  31. <div class="admin slider-panel-row">
  32.     {% endif %}
  33.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  34.         <div class="content-slider">
  35.             <div class="main-content slider">
  36.                 {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  37.                     {% set UID = uniqid() %}
  38.                     {% set productLink = pimcore_href("selectProduct").getElement() %}
  39.                     {% if pimcore_select("ContentSliderHeadlineType").isEmpty() %}
  40.                         {% do pimcore_select("ContentSliderHeadlineType").setDataFromResource("h2") %}
  41.                     {% endif %}
  42.                     {% if editmode %}
  43.                         {% set SlideNumber = SlideNumber + 1 %}
  44.                         <div class="flex-col offset-bottom-single">
  45.                         <div class="col xs-12">
  46.                             <h3><span class="hint">{{ 'Slider Element'|trans }} {{ SlideNumber }}</span></h3>
  47.                         </div>
  48.                         <div class="col xs-12 m-4">
  49.                             <span class="hint">{{ 'Verlinkung zu bestehendem Produkt?'|trans }}</span>
  50.                             {{ pimcore_href("selectProduct", {
  51.                                 "types": ["object"],
  52.                                 "subtypes": {
  53.                                     "types": ["object"],
  54.                                 },
  55.                                 "width": 300,
  56.                                 "classes": ["ProductFood", "ProductClothing", "Product"],
  57.                                 "reload": true
  58.                             }) }}
  59.                         </div>
  60.                         <div class="col xs-12 m-2">
  61.                             <span class="hint">{{ 'Headline Typ wählen' |trans }}</span>
  62.                             {{ pimcore_select("ContentSliderHeadlineType", {
  63.                                 "store": [
  64.                                 ["h2", "Überschrift h2"],
  65.                                 ["h3", "Überschrift h3"],
  66.                                 ["h4", "Überschrift h4"]
  67.                                 ],
  68.                                 "reload": true
  69.                             }) }}
  70.                         </div>
  71.                         <div class="col xs-12 m-2">
  72.                             <span class="hint">{{ 'Headline Farbe wählen' |trans }}</span>
  73.                             {{ pimcore_select("ContentSliderHeadlineColor", {
  74.                                 "store": [
  75.                                     ["light", "Weiß"],
  76.                                     ["dark", "Schwarz"]
  77.                                 ],
  78.                                 "reload": true
  79.                             }) }}
  80.                         </div>
  81.                         <div class="col xs-12 m-4">
  82.                             <span class="hint">{{ 'Hintergrundbild festlegen' |trans }}</span>
  83.                             {{ pimcore_image("ContentSliderBackground", {
  84.                                 "title": "Drag your image here",
  85.                                 "width": 300,
  86.                                 "height": 150,
  87.                                 "thumbnail": "ContentSliderBackground" ~ bundleName,
  88.                                 "reload": true
  89.                             }) }}
  90.                         </div>
  91.                     {% endif %}
  92.                     {% if productLink == true %}
  93.                         {% set price        = productLink.getOSPrice() %}
  94.                         {% set currency     = price.getCurrency() %}
  95.                         {% set oldPrice     = currency.toCurrency(productLink.getPriceOld()) %}
  96.                         {% set articleNumber     = productLink.getArticleNumber() %}
  97.                         {% set productName     = productLink.getName() %}
  98.                         {% set detailViewUri    = pimcore_url(
  99.                         {
  100.                         "name": productLink.getUrlTitle(),
  101.                         "articlenumber": productLink.getArticleNumber()
  102.                         },
  103.                         "shopHandlerProductDetail"
  104.                         ) %}
  105.                         {% set thumbnailUrl     = productLink.getProductImage().getThumbnail("ContentSliderImageProduct" ~ bundleName) %}
  106.                     {% endif %}
  107.                     {% if editmode %}
  108.                     <div class="col xs-12 offset-top-single">
  109.                     {% endif %}
  110.                     <div id="{{ 'uid' ~ UID |raw }}" class="slide-item">
  111.                         <div class="background-image">
  112.                             <div class="image">
  113.                                 {% if pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName) is not empty %}
  114.                                     {{ pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName).getHTML() |raw }}
  116.                                     {#IE Fix for thumbnails rendering start#}
  117.                                     <script type='text/javascript'>
  118.                                         var waitForJQuery = setInterval(function () {
  119.                                             if (typeof $ != 'undefined') {
  120.                                                 $(function() {
  121.                                                     if (navigator.userAgent.match(/msie/i) || navigator.userAgent.match(/trident/i) ){
  123.                                                         $(".slide-item .background-image .image").css({
  124.                                                             position: "absolute",
  125.                                                             width: "100%",
  126.                                                             height: "100%",
  127.                                                             background: "url( {{ pimcore_image("ContentSliderBackground").getSrc() }} ) center right 100%/cover no-repeat"
  128.                                                         });
  129.                                                         $(".slide-item .background-image .image img").hide();
  130.                                                     }
  131.                                                 });
  132.                                                 clearInterval(waitForJQuery);
  133.                                             }
  134.                                         }, 50);
  135.                                     </script>
  136.                                     {#IE Fix for thumbnails rendering end#}
  138.                                 {% endif %}
  139.                             </div>
  140.                         </div>
  141.                         <div class="content-wrapper offset">
  142.                             <div class="text-container-bg half">
  143.                                 <div class="headline {% if pimcore_select("ContentSliderHeadlineColor") is not empty %} {{ pimcore_select("ContentSliderHeadlineColor").getData() }} {% endif %}">
  144.                                     <{{ pimcore_select("ContentSliderHeadlineType").getData() }}
  145.                                     >{{ pimcore_input("ContentSliderHeadline", {
  146.                                         "placeholder": 'Content'
  147.                                     }) }}</{{ pimcore_select("ContentSliderHeadline").getData() }}>
  148.                             </div>
  149.                             <div class="cta">
  150.                                 {% if pimcore_href("selectProduct").isEmpty() != true %}
  151.                                     <a class="button btn-default" href="{{ detailViewUri }}">{{ 'Zum Produkt' |trans }}</a>
  152.                                 {% else %}
  153.                                     {{ pimcore_link('productLink', {'class': "button btn-default"}) }}
  154.                                 {% endif %}
  155.                             </div>
  156.                         </div>
  157.                     </div>
  158.                     </div>
  159.                     {% if editmode %}
  160.                         </div>
  161.                     {% endif %}
  162.                 {% endfor %}
  163.             </div>
  164.         </div>
  165.     </div>
  166.     {% if editmode %}
  167. </div>
  168.     </div>
  169. {% endif %}