templates/front/_common/_header.html.twig line 1

Open in your IDE?
  2. <header class="header_fixed">
  3.     {% if info.counterShow and info.counterDate is not null and IS_HOME_PAGE %}
  4.         {# para cambiar de posicion la barra a abajo, agregar clase: 'bottom' a b27 #}
  5.         <div class="b27 {{ info.counterFooter ? 'bottom' }}" id="b27-counter-main">
  6.             {# para ocultar  el dia agregar clase: 'ocultar-dias' a b27-wrap #}
  7.             {# para ocultar  el texto agregar clase: 'hide-text-on-mobile' a b27-wrap #}
  8.             <div  class="b27-wrap {{ info.counterShowDays ? '' : 'ocultar-dias' }} {{ info.counterShowTextInResponsive ? '' : 'hide-text-on-mobile' }} {{ info.counterBannerOpacity ? '' : 'no-shadow' }}">
  9.                 <a {% if info.counterLink %}href="{{ info.counterLink }}"{% endif %} {% if info.counterLinkBlank %}target="_blank"{% endif %} class="b27-left" style="background-color: {{ info.counterBackgroundcolor ?: '#0D5EA5' }}">
  10.                     <div class="b27-bg" style="background-image: url({{ asset(info.counterBannerImageResponsive)|sd_azure }});" ></div>
  11.                     {% if info.counterText %}
  12.                         <div class="b27-campana" style="color: {{ info.counterColorText ?: '#FFFFFF' }}">{{ info.counterText }}</div>
  13.                     {% endif %}
  14.                     <div class="b27-listado countDown">
  15.                         <div class="b27-item dias star">
  16.                             <div class="b27-numer days" style="color: {{ info.counterBackgroundcolor ?: '#0D5EA5' }}">00</div>
  17.                             <span class="timeRefDays" style="color: {{ info.counterColorText ?: '#FFFFFF' }}">dias</span>
  18.                         </div>
  19.                         <div class="b27-item-separador dias">
  20.                             <em>:</em>
  21.                         </div>
  22.                         <div class="b27-item ">
  23.                             <div class="b27-numer hours" style="color: {{ info.counterBackgroundcolor ?: '#0D5EA5' }}">00</div>
  24.                             <span class="timeRefHours" style="color: {{ info.counterColorText ?: '#FFFFFF' }}">horas</span>
  25.                         </div>
  26.                         <div class="b27-item-separador">
  27.                             <em>:</em>
  28.                         </div>
  29.                         <div class="b27-item">
  30.                             <div class="b27-numer minutes" style="color: {{ info.counterBackgroundcolor ?: '#0D5EA5' }}">00</div>
  31.                             <span class="timeRefMinutes" style="color: {{ info.counterColorText ?: '#FFFFFF' }}">minutos</span>
  32.                         </div>
  33.                         <div class="b27-item-separador">
  34.                             <em>:</em>
  35.                         </div>
  36.                         <div class="b27-item end">
  37.                             <div class="b27-numer seconds" style="color: {{ info.counterBackgroundcolor ?: '#0D5EA5' }}">00</div>
  38.                             <span class="timeRefSeconds" style="color: {{ info.counterColorText ?: '#FFFFFF' }}">segundos</span>
  39.                         </div>
  40.                     </div>
  41.                 </a>
  42.                 <a {% if info.counterLink %}href="{{ info.counterLink }}"{% endif %} {% if info.counterLinkBlank %}target="_blank"{% endif %} class="b27-right" style="background-image: url({{ asset(info.counterBannerImage)|sd_azure }});">
  43.                     {% if info.counterBannerTexto %}
  44.                         <h3 class="b27-title" style="color: {{ info.counterBannerColor ?: '#FFFFFF' }}">
  45.                             {{ info.counterBannerTexto }}
  46.                         </h3>
  47.                     {% endif %}
  48.                 </a>
  49.                 <div class="b27-close">
  50.                     <i class="icon-close1"></i>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     {% endif %}
  56.     <div class="header_container">
  57.         <div class="header_open openMenu" >
  58.             <div class="header_menu_open">
  59.                 <div class="menu-toggle">
  60.                     <div class="one"></div>
  61.                     <div class="two"></div>
  62.                     <div class="three"></div>
  63.                     <em class="h-text-menu">Menú</em>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.         <div class="header_content">
  68.             {% if info.activeMenuLinks %}
  69.             {# NUEVOS ELEMENTOS - TEXTO ADMINISTRABLE - PROGRAMAR #}
  70.             <div class="headernew_links">
  71.                 <ul>
  72.                 {% for row in info.activeMenuLinks|arr_item_active('show') %}
  73.                     {% set url = '' %}  {% set show = row.show %} {% set blank = '_self' %}
  74.                     {% if row.page in sd_external_paths %}
  75.                         {% set url = attribute(info, row.page~'Url') %}
  76.                         {% set show = attribute(info, row.page~'Show') %}
  77.                         {% set blank = '_blank' %}
  78.                     {% else %}
  79.                         {% set url = path(row.page) %}
  80.                     {% endif %}
  82.                     {% if show and row.page != 'map' %}
  83.                         <li>
  84.                             <a href="{{ url }}" target="{{ blank }}">{{ row.text }}</a>
  85.                         </li>
  86.                         
  87.                     {% endif %}
  88.                    
  89.                 {% endfor %}
  90.                 </ul>
  91.             </div>
  92.             {# NUEVOS ELEMENTOS - TEXTO ADMINISTRABLE - PROGRAMAR #}
  93.             {% endif %}
  94.             <div class="header_box">
  95.                 {% if info.headerLogo %}
  96.                     <a class="header_logo" href="{{ path('home') }}">
  97.                         <img src="{{ asset(info.headerLogo)|sd_azure }}" width="188" height="56" alt="{{ info.headerLogo|img_alt }}" />
  98.                     </a>
  99.                 {% endif %}
  100.                 <div class="header_group">
  101.                     <div class="header_search">
  102.                         <form class="header_form" id="formFilter">
  103.                             <ul>
  104.                                 {% set value_location = app.request.query.get("sd_location")|default('') %}
  105.                                 {% set option_pages = ['asia', 'chilca', 'chiclayo', 'ica', 'lambayeque', 'piura'] %}
  106.                                 <li class="header_select h-select-inmueble">
  107.                                     <input type="text" id="headerInputJS" name="sd_type" value="{{ app.request.query.get("sd_type")|default('') }}"/>
  108.                                     <label class="header_select_box headerSelectOpen" for="headerInputJS">
  109.                                         {{ info.headerFilterTypeText|default('Nuestros productos') }}
  110.                                     </label>
  111.                                     <div class="header_select_list headerSelectContent">
  112.                                         {% for item in filter_types %}
  113.                                             <div class="header_option headerOption headerOptionType" data-url="{{ path('map', {'sd_type': item.id}) }}" data-value="{{ item.id }}">
  114.                                                 <div class="header_option_text headerText">
  115.                                                     <p>{{ item.texto }}</p>
  116.                                                 </div>
  117.                                             </div>
  118.                                         {% endfor %}
  119.                                     </div>
  120.                                 </li>
  121.                             </ul>
  122. {#                            {% if info.headerFilterBtnShow %}#}
  123. {#                                <div class="header_search_btn {% if value_location in option_pages %}{{ 'hide' }}{% endif %}">#}
  124. {#                                    <button class="g1-btn" type="submit" id="searchBtn">{{ info.headerFilterBtnText|default('IR') }}</button>#}
  125. {#                                </div>#}
  126. {#                            {% endif %}#}
  127.                         </form>
  128.                         {% if info.headerMapBtnShow and info.headerMapBtnText %}
  129.                         {# NUEVO ELEMENTO - TEXTO ADMINISTRABLE - PROGRAMAR #}
  130.                         {#<div class="headernew_map">#}
  131.                         {#    <a href="{{ path('map') }}">{{ info.headerMapBtnText }} <span class="icon-point"></span></a>#}
  132.                         {#</div>#}
  133.                         {# NUEVO ELEMENTO - TEXTO ADMINISTRABLE - PROGRAMAR #}
  134.                         {% endif %}
  135.                     </div>
  136.                     <div class="header_list">
  137.                         <div class="h-wrap-phones">
  138.                             {% if info.headerPhone1Show and info.headerPhone1Number %}
  139.                                 <!-- para ocultar est bloque, poner un if que envuelva solos los numeros -->
  140.                                 <a href="tel:{{ info.headerPhone1Number|solonumeros }}" class="h-phone"><i class="icon-phone1"></i>
  141.                                     <span>{{ info.headerPhone1Number }}</span>
  142.                                 </a>
  143.                             {% endif %}
  144.                             {% if info.headerPhone2Show and info.headerPhone2Number %}
  145.                                 <a href="tel:{{ info.headerPhone2Number|solonumeros }}" class="h-phone"><i class="icon-phone1"></i>
  146.                                     <span>{{ info.headerPhone2Number }}</span>
  147.                                 </a>
  148.                             {% endif %}
  149.                         </div>
  150.                         <ul class="h-botonera">
  151. {#                            {% if info.regionInfoShow and info.regionButtonShow %}#}
  152. {#                                <li>#}
  153. {#                                    <a class="g1-btn yellow-2 w130" href="{{ path('map_clear') }}">{{ info.regionButtonText|default('Otros Proyectos') }}</a>#}
  154. {#                                </li>#}
  155. {#                            {% endif %}#}
  156.                             {% if info.headerPayBtnShow %}
  157.                                 <li>
  158.                                     <a class="g1-btn blue w130" {% if info.headerPayBtnUrl %}href="{{ info.headerPayBtnUrl }}" target="_blank"{% else %}href="{{ path('pay_here') }}"{% endif %}>
  159.                                         {{ info.headerPayBtnText|default('Paga Aquí') }}
  160.                                     </a>
  161.                                 </li>
  162.                             {% endif %}
  163.                             {% if info.headerContactBtnShow %}
  164.                                 <li class="header_list_cotizar">
  165.                                     <a class="g1-btn yellow w130" href="{{ path('contact') }}">{{ info.headerContactBtnText|default('Contáctanos') }}</a>
  166.                                 </li>
  167.                             {% endif %}
  168.                             <li class="h-new-search-wrap">
  169.                                 <a href="#" class="h-new-search">
  170.                                     <img src="{{ STATIC_URL }}img/icon-search-change.svg" width="24" alt="buscar">
  171.                                 </a>
  172.                             </li>
  173.                         </ul>
  174.                         <div class="header_icon_search">
  175.                             <div class="header_search_open_res openSearch"><span class="icon-filter"></span></div>
  176.                             <div class="header_search_close_res closeSearch"><span class="icon-close"></span></div>
  177.                         </div>
  178.                         <a href="#" class="h-new-search mobil">
  179.                             <img src="{{ STATIC_URL }}img/icon-search.svg" width="21" alt="buscar">
  180.                         </a>
  181.                     </div>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.     </div>
  186. </header>
  188. {% if IS_PROPERTY_DETAIL %}
  189.     {% include 'front/property/_header.html.twig' %}
  190. {% endif %}
  193. <div class="b50-overlay"></div>
  194. <section class="b50" style="opacity: 0;">
  195.     <div class="b50head">
  196.         <span class="b50close icon-close1"></span>
  197.         <div class="b50head_content wancho">
  198.             {% if info.menuLogo %}
  199.                 <figure class="b50logo">
  200.                     <img data-src="{{ asset(info.menuLogo)|sd_azure }}" width="227" height="67" alt="{{ info.menuLogo|img_alt }}" class="lazy">
  201.                 </figure>
  202.             {% endif %}
  203.             <div class="b50buttons">
  204.                 {% if info.headerPayBtnShow %}
  205.                     <a {% if info.headerPayBtnUrl %}href="{{ info.headerPayBtnUrl }}" target="_blank"{% else %}href="{{ path('pay_here') }}"{% endif %} class="b50btn_morado">
  206.                         {{ info.headerPayBtnText|default('Paga Aquí') }}
  207.                     </a>
  208.                 {% endif %}
  209.                 {% if info.headerContactBtnShow %}
  210.                     <a href="{{ path('contact') }}" class="b50btn_yellow">{{ info.headerContactBtnText|default('Contáctanos') }}</a>
  211.                 {% endif %}
  212.             </div>
  213.         </div>
  214.     </div>
  215.     
  216.     {% if info.activeMenuLinks %}
  217.         <div class="b50body">
  218.             <div class="b50body_content wancho">
  219.                 <nav class="b50nav">
  220.                     <ul class="b50list">
  221.                         {% for row in info.activeMenuLinks|arr_item_active('show') %}
  222.                             {% set url = '' %}  {% set show = row.show %} {% set blank = '_self' %}
  223.                             {% if row.page in sd_external_paths %}
  224.                                 {% set url = attribute(info, row.page~'Url') %}
  225.                                 {% set show = attribute(info, row.page~'Show') %}
  226.                                 {% set blank = '_blank' %}
  227.                             {% else %}
  228.                                 {% set url = path(row.page) %}
  229.                             {% endif %}
  231.                             {% if show %}
  232.                                 <li class="b50menu_item {{ row.page == 'map' ? ' hide_in_mobile' : '' }}">
  233.                                     <a href="{{ url }}" target="{{ blank }}" class="b50menu_link">
  234.                                         {% if row.icon %}
  235.                                         <figure class="b50menu_icon">
  236.                                             <img data-src="{{ asset(row.icon)|sd_azure }}" width="42" height="40" alt="{{ row.icon|img_alt }}" class="lazy">
  237.                                         </figure>
  238.                                         {% endif %}
  239.                                         <span class="b50menu_text">{{ row.text }}</span>
  240.                                     </a>
  241.                                 </li>
  242.                             {% endif %}
  243.                         {% endfor %}
  245.                     </ul>
  246.                 </nav>
  247.             </div>
  248.         </div>
  249.     {% endif %}
  250.     
  251.     <div class="b50foot">
  252.         <div class="b50foot_content wancho">
  253.             {% if info.headerPhone1Show and info.headerPhone1Number %}
  254.                 <div class="b50phone b50phone1">
  255.                     <a href="tel:{{ info.headerPhone1Number|solonumeros }}" class="b50phone_link">
  256.                         <span class="b50phone_icon icon-phone1"></span>
  257.                         <span class="b50phone_text">{{ info.headerPhone1Number }}</span>
  258.                     </a>
  259.                 </div>
  260.             {% endif %}
  261.             {% if info.headerPhone2Show and info.headerPhone2Number %}
  262.                 <div class="b50phone b50phone2">
  263.                     <a href="tel:{{ info.headerPhone2Number|solonumeros }}" class="b50phone_link">
  264.                         <span class="b50phone_icon icon-phone1"></span>
  265.                         <span class="b50phone_text">{{ info.headerPhone2Number }}</span>
  266.                     </a>
  267.                 </div>
  268.             {% endif %}
  269.             {% if info.footerContactAddressShow and info.footerContactAddressText %}
  270.                 <div class="b50address">
  271.                     <p>{{ info.footerContactAddressText }}</p>
  272.                 </div>
  273.             {% endif %}
  274.         </div>
  275.     </div>
  276. </section>
  278. <!-- BLOQUE 50 -->
  279. <section class="b30">
  280.     <span class="b30-close icon-close1"></span>
  281.     <div class="wancho">
  282.         <div class="b30-inner">
  283.             <div class="b30-box-search">
  284.                 <div class="b30-search">
  285.                     <span class="icon-search1"></span>
  286.                     <input  class="b30-input-search" type="text" placeholder="Buscar">
  287.                 </div>
  288.             </div>
  289.             <div class="b30-list">
  290.                 <div class="b30-list-initial">
  291.                     {% for item in list_autocomplete %}
  292.                         <a href="{{ path('property',{'slug':item.url}) }}" class="b30-item">
  293.                             <div class="b30-categoria">{{ item.categoria }}</div>
  294.                             <div class="b30-nombre"> {{ item.label }}</div>
  295.                             <div class="b30-direccion">
  296.                                 <img data-src="{{ STATIC_URL }}img/ubicacion2.svg" width="18" alt="ubicación" class="lazy">
  297.                                 <p>
  298.                                     {{ item.ubicacion|replace({'-':'<br/>'})|raw }}
  299.                                 </p>
  300.                             </div>
  302.                         </a>
  303.                     {% endfor %}
  304.                 </div>
  305.                 <div class="b30-new-list" ></div>
  306.                 <div class="b30-not-list">
  307.                         <h3 class="b30-title">
  308.                             No se encontraron resultados
  309.                         </h3>
  310.                         <div class="b30-figure-result">
  311.                             <img data-src="{{ STATIC_URL }}img/no-result.svg" width="58" alt="sin resultados" class="lazy">
  312.                         </div>
  313.                 </div>
  314.             </div>
  315.         </div>
  316.     </div>
  317. </section>