templates/shortcodes/banner.html.twig line 1

  1. {% set idf = opciones.nombre ~ random(1000) %}
  3. {% if banner %}
  6.     {% if opciones.nombre == "pre_home" %}
  7.         {#{% javascripts '@CmsBundle/Resources/public/js/jQueryRotateCompressed.js'
  8.                     output='js/rotate.js' %}
  9.         <script src="{{ asset_url }}"></script>               
  10.         {% endjavascripts %}#}
  12.     {% else %}
  13.     
  14.     
  15.         <div {#id="car-top-main"#} class="owl-carousel owl-theme banner-carousel">
  16.             {% for item in banner.items %}
  17.                     <div class="item">
  18.                             {% if item.getCodigo() %} {{ item.getCodigo() | raw }} {% else %} {{ item.getTexto() | html | raw }} {% endif %}
  19.                     </div>
  20.             {% endfor %}
  21.         </div>
  23.     {#<div class="slider banner{{ opciones.nombre }} banner banner{{ idf }}">
  24.     
  25.         
  26.         <ul class="bxslider">
  27.             {% for item in banner.items %}
  28.                 <li class="bannerItem">
  29.                 
  30.                 {% if item.getCodigo() %} {{ item.getCodigo() | raw }} {% else %} {{ item.getTexto() | raw }} {% endif %}
  31.                 
  32.                 </li>
  33.             {% endfor %}
  34.         </ul>
  35.        
  36.         <script type="text/javascript">
  37.             $(document).ready(function(){
  38.                 $('.banner{{ idf }} .bxslider').bxSlider({
  39.                 pager:    {{ opciones.pager | default('true') }},
  40.                 controls: {{ opciones.controls | default('false') }},
  41.                 {% if banner.items | length > 1 %}
  42.                 auto:     {{ opciones.auto | default('true') }},
  43.                 {% else %}
  44.                 auto:     false,            
  45.                 {% endif %}                                                                        
  46.                 pause:    {{ opciones.pause | default('8000') }},
  47.                 randomStart: {{ opciones.random | default('false') }},
  48.                 infiniteLoop: {{ opciones.infiniteloop | default('true') }},
  49.                 speed: {{ opciones.speed | default('1000') }},
  50.                 {% if opciones.minslides is defined or opciones.maxslides is defined %}
  51.                 mode:     'horizontal',
  52.                 {% else %}
  53.                 mode:     '{{ opciones.mode | default("fade") }}',
  54.                 {% endif %}
  55.                 adaptiveHeight:false,
  56.                 responsive:true,
  57.                 easing: 'linear',
  58.                 useCSS: false
  59.                 });
  60.             })
  61.         </script>
  62.     </div>#}
  63.     {% endif %}
  64.     
  65. {% else %}
  67. <div class="noBanner">
  68. </div>
  70. {% endif %}