templates/basic/modalProm.html.twig line 1

Open in your IDE?
  2. <!--para posicion del modal se deben agregar al div con clase 'modal-dialog'  las clases; bottom-right, bottom-left top-right, top-left para posicion-->
  4. <div class="popUpPromos {{ qi.setting('popup-home-posicion') }}" data-visible="{{ qi.setting('popup-home-visible') }}" data-tipo="{{ qi.setting('popup-home-tipo') }}">
  5.   
  6.   <div class="wp banner">
  7.     <a class="cerrar-popUp p-2">
  8.       <img class="imgoptimize" src="{{ qi.imagen('close_home_popup').image }}" data-imagen="{{ qi.imagen('close_home_popup').image }}"/>
  9.     </a>
  10.     <a href="{{ qi.imagen('banner-home').link }}">
  11.       <img class="imgoptimize" src="{{ qi.imagen('imagen-defecto').image }}" data-imagen="{{ qi.imagen('banner-home').image }}"/>
  12.     </a>
  13.   </div>
  15.   <div class="wp productos">
  16.     <div class="d-flex justify-content-between align-items-center p-2">
  17.       <h2 class="color-naranja mb-0" id="PromModal">{{ qi.texto('popup-titulo') }}</h2>
  18.       <a class="cerrar-popUp p-2">
  19.         <img class="imgoptimize" src="{{ qi.imagen('close_home_popup').image }}" data-imagen="{{ qi.imagen('close_home_popup').image }}"/>
  20.       </a>
  21.     </div>
  22.     
  23.     <div class="d-flex justify-content-center align-items-center">
  24.       <div class="swiper-button-prev color-naranja">
  25.         <img class="imgoptimize" src="{{ qi.imagen('imagen-defecto').image }}" data-imagen="{{ qi.imagen('left_home').image }}"/>
  26.       </div>
  27.       <div class="swiper-container productos-modal">
  28.         <div class="swiper-wrapper">
  29.           {% for item in productos %}
  30.           <div class="swiper-slide">
  31.             <div class="item-producto">
  32.               <div class="tags-promos">
  33.                 {% if item.descuento %}
  34.                   <p class="prom bg-naranja mb-2">
  35.                     {{ (item.descuento * 100) | round }}% Dcto
  36.                   </p>
  37.                 {% endif %}
  38.                 {% if item.nuevo == 1 %}                  
  39.                   <p class="prom bg-naranja-claro">nuevo</p>
  40.                 {% endif %}
  41.               </div>
  42.               <a class="img" href="{{ path('producto_slug', {producto: item.slug}) }}">
  43.                 <img class="imgoptimize" src="{{ qi.imagen('imagen-defecto').image }}" alt="" data-imagen="{{ item.imagen }}">
  44.               </a>
  45.               <h4 class="color-negro pt-2">{{ item.nombre }}</h4>
  46.               <p class="sm pt-2">{{ item.resumen | raw }}</p>
  47.               <p class="pt-1 anterior">${{ item.PrecioSinDescuento | number_format }}</p>
  48.               <p class="pt-1">Desde ${{ item.precio | number_format }}</p>
  49.               <div class="btn-ver">
  50.                 <a href="{{ path('producto_slug', {producto: item.slug}) }}" class="boton">Ver producto</a>
  51.               </div>
  52.             </div>
  53.           </div>
  54.           {% endfor %}
  55.         </div>
  56.       </div>
  57.       <div class="swiper-button-next color-naranja">
  58.           <img class="imgoptimize" src="{{ qi.imagen('imagen-defecto').image }}" data-imagen="{{ qi.imagen('right_home').image }}"/>
  59.       </div>
  60.     </div>
  61.   </div>
  62. </div>