src/CoreBundle/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-4">
  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-4">
  72.                             <span class="hint">{{ 'Hintergrundbild festlegen' |trans }}</span>
  73.                             {{ pimcore_image("ContentSliderBackground", {
  74.                                 "title": "Drag your image here",
  75.                                 "width": 300,
  76.                                 "height": 150,
  77.                                 "thumbnail": "ContentSliderBackground" ~ bundleName,
  78.                                 "reload": true
  79.                             }) }}
  80.                         </div>
  81.                     {% endif %}
  82.                     {% if productLink == true %}
  83.                         {% set price        = productLink.getOSPrice() %}
  84.                         {% set currency     = price.getCurrency() %}
  85.                         {% set oldPrice     = currency.toCurrency(productLink.getPriceOld()) %}
  86.                         {% set articleNumber     = productLink.getArticleNumber() %}
  87.                         {% set productName     = productLink.getName() %}
  88.                         {% set detailViewUri    = pimcore_url(
  89.                         {
  90.                         "name": productLink.getUrlTitle(),
  91.                         "articlenumber": productLink.getArticleNumber()
  92.                         },
  93.                         "shopHandlerProductDetail"
  94.                         ) %}
  95. {#                        {% set thumbnailUrl     = productLink.getProductImage().getThumbnail("ContentSliderImageAbsolute" ~ bundleName) %}#}
  96.                     {% endif %}
  97.                     {% if editmode %}
  98.                     <div class="col xs-12 offset-top-single">
  99.                     {% endif %}
  100.                     <div id="{{ 'uid' ~ UID |raw }}" class="slide-item">
  101.                         <div class="background-image">
  102.                             <div class="image">
  103.                                 {% if pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName) is not empty %}
  104.                                     {{ pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName).getHTML() |raw }}
  105.                                     {#IE Fix for thumbnails rendering start#}
  106.                                     <script type='text/javascript'>
  107.                                         var waitForJQuery = setInterval(function () {
  108.                                             if (typeof $ != 'undefined') {
  109.                                                 $(function() {
  110.                                                     if (navigator.userAgent.match(/msie/i) || navigator.userAgent.match(/trident/i) ){
  111.                                                         $(".slide-item .image").css({
  112.                                                             position: "absolute",
  113.                                                             width: "100%",
  114.                                                             height: "100%",
  115.                                                             background: "url( {{ pimcore_image("ContentSliderBackground").getSrc() }} ) center right 100%/cover no-repeat"
  116.                                                         });
  117.                                                         $(".slide-item .image img").hide();
  118.                                                     }
  119.                                                 });
  120.                                                 clearInterval(waitForJQuery);
  121.                                             }
  122.                                         }, 50);
  123.                                     </script>
  124.                                     {#IE Fix for thumbnails rendering end#}
  125.                                 {% endif %}
  126.                             </div>
  127.                         </div>
  128.                         <div class="content-wrapper">
  129.                             <div class="text-container-bg">
  130.                                 <div class="headline">
  131.                                     <{{ pimcore_select("ContentSliderHeadlineType").getData() }}
  132.                                     >{{ pimcore_input("ContentSliderHeadline", {
  133.                                         "placeholder": 'Content'
  134.                                     }) }}</{{ pimcore_select("ContentSliderHeadline").getData() }}>
  135.                             </div>
  136.                             <div class="cta">
  137.                                 {% if pimcore_href("selectProduct").isEmpty() != true %}
  138.                                     <a class="button btn-default" href="{{ detailViewUri }}">{{ 'Zum Produkt' |trans }}</a>
  139.                                 {% else %}
  140.                                     {{ pimcore_link('productLink', {'class': "button btn-default"}) }}
  141.                                 {% endif %}
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                     <div class="image-absolute {% if pimcore_image("ContentSliderImageAbsolute").isEmpty() and pimcore_href("selectProduct").isEmpty() %}isEmpty{% endif %}">
  146.                         {% if pimcore_image("ContentSliderImageAbsolute").isEmpty() and pimcore_href("selectProduct").isEmpty() %}
  147.                             {% if editmode %}
  148.                                 <span class="hint">{{ 'Produktbild einfügen' |trans }}</span>
  149.                             {% endif %}
  150.                         {% endif %}
  151.                         {% if pimcore_href("selectProduct").isEmpty() != true %}
  152.                             {{ productLink.getProductImage().getThumbnail("ContentSliderImageAbsolute" ~ bundleName).getHTML() |raw }}
  153.                         {% else %}
  154.                             {{ pimcore_image("ContentSliderImageAbsolute", {
  155.                                 "title": "Drag your image here",
  156.                                 "thumbnail": "ContentSliderImageAbsolute" ~ bundleName,
  157.                                 "reload": true
  158.                             }) }}
  159.                         {% endif %}
  160.                     </div>
  161.                     </div>
  162.                     {% if editmode %}
  163.                         </div>
  164.                     {% endif %}
  165.                 {% endfor %}
  166.             </div>
  167.         </div>
  168.     </div>
  169.     {% if editmode %}
  170. </div>
  171.     </div>
  172. {% endif %}