templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/layout.html.twig' %}
  2. {% do pimcore_head_script().appendFile('https://code.jquery.com/jquery-3.6.3.slim.min.js',null,null,{ integrity:"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo",crossorigin:"anonymous"}) %}
  5. {% block content %}
  6.     {% set suffix = suffix ?? '' %}
  8.     <section
  9.         class="seccion_body">
  10. {# base
  11.                         <section class="section section_a">
  12.                             <div class="container text-center">
  13.                                 <div class="row">
  14.                                     <div class="col-md-4 ">
  15.                                         
  16.                                     </div>
  17.                                     <div class="col-md-8">
  18.                                     
  19.                                     </div>
  20.                 
  21.                                 </div>
  22.                             </div>
  23.                         </section> 
  24.                         #}
  25.         
  26.           {{ pimcore_areablock('contentA', {
  27.             class: 'pimcore_areas_with_100',
  28.             'allowed': ['area001','area002','area003','area004','area007','area008','area009','contacto', 'blockquote', 'embed', 'featurette', 'galeria-pdf', 'gallery-carousel', 'gallery-folder',
  29.                 'gallery-single-images', 'headlines', 'horizontal-line', 'iconos-teaser', 'iconos-texto-teaser', 'icon-teaser-row', 'image',
  30.                 'image-hotspot-marker', 'image-metadata', 'mapa', 'pdf', 'pdf-teaser', 'product-grid', 'product-teaser', 'standard-teaser', 'text-accordion',
  31.                 'time-slider-featurette', 'video', 'wysiwyg', 'wysiwyg-with-images', 'personalized-product-teaser']
  32.         }) }}
  33.         
  34.         {# area001 #}
  35.     <section
  36.             class="section section_a">
  37.             {# <div class="container text-center"> #}
  38.             <div class="row">
  39.                 <div class="col-sm-4 d-flex justify-content-center  ">
  40.                     {% if not editmode %}
  41.                         {{ pimcore_image('imagen-right0',
  42.                          {    
  44.                             class: 'pimcore_areas_with_100',
  45.                             imgAttributes: {class: 'img-fluid-100 '}
  46.                         }) }}
  48.                     {% else %}
  49.                         
  50.                             {{ pimcore_image('imagen-right0',
  51.                          {    
  52.                             "width": "25rem",
  53.                             "height": "auto",
  54.                             class: 'pimcore_areas_with_100',
  55.                             imgAttributes: {class: 'img-fluid-100 '}
  56.                         }) }}
  57.                             
  58.                         
  59.                     {% endif %}
  60.                 </div>
  61.                 <div class="col-sm-8">
  64.                     {% for i in pimcore_block('contentblock',{
  65.                                     class: 'pimcore_areas_with_100'
  66.                                 }).iterator %}
  67.                         <div class="container text-center">
  68.                             <div class="row">
  69.                                 <div class="col-md-4 ">
  70.                                     {{ pimcore_image('imagen-left1',
  71.                                     {
  72.                                         imgAttributes: {class: 'img-fluid-6rem '}
  73.                                     }) }}
  74.                                 </div>
  75.                                 <div class="col-md-8">
  76.                                     {{
  77.                                     pimcore_wysiwyg('text-left-1' ~ suffix, {
  78.                                     height: 100,
  79.                                     enterMode: 2,
  80.                                     class: 'pimcore_areas_with_100'})
  81.                                     }}
  82.                                 </div>
  83.                             </div>
  84.                         </div>
  85.                     {% endfor %}
  88.                 </div>
  90.                 {# </div> #}
  91.             </div>
  93.         </section>
  96.         {# area002 #}
  97.         <section class="section section_b">
  98.             <article class="article_a height_estandar">
  100.                 {{
  101.                     pimcore_wysiwyg('text-left' ~ suffix, {
  102.                     height: 100,
  103.                     enterMode: 2,
  104.                     class: 'pimcore_areas_with_100'})
  105.                     }}
  106.             </article>
  107.             <article class="article_b height_estandar">
  109.                 {{
  110.                     pimcore_wysiwyg('text_right1' ~ suffix, {
  111.                     height: 100,
  112.                     enterMode: 2,
  113.                     class: 'pimcore_areas_with_100'})
  114.                     }}
  115.                 {% if not editmode %}
  117.                     <a href="{{ pimcore_link('link-right1' ~ suffix).href }}" target="{{ pimcore_link('link-right1').getTarget() }}">
  118.                         {{ pimcore_image('imagen-right1',
  119.                          {
  120.                             imgAttributes: {class: 'img-fluid-11rem '}
  121.                         }) }}
  122.                     </a>
  123.                 {% else %}
  125.                     <div class="d-flex flex-column mb-3 align-items-center">
  126.                         <div class="p-2">
  127.                             {{ pimcore_image('imagen-right1',
  128.                             {    
  129.                                 class: 'pimcore_areas_with_100 img-fluid-11rem',
  130.                             }) }}
  131.                         </div>
  132.                         <div class="p-2">{{ pimcore_link('link-right1'  ~ suffix) }}</div>
  133.                     </div>
  135.                 {% endif %}
  136.             </article>
  137.         </section>
  139.         {# area003 #}
  140.         <section class="section section_c">
  141.             <article class="article_a">
  142.                 <div class="d-flex flex-column mb-3 align-items-center">
  143.                     <div class="p-2">
  144.                         {{
  145.                     pimcore_wysiwyg('text-left-2' ~ suffix, {
  146.                     height: 100,
  147.                     enterMode: 2,
  148.                     class: 'pimcore_areas_with_100'})
  149.                     }}
  150.                     </div>
  151.                     <div class="p-2">
  152.                         <div class="form-floating pimcore_area_contacto ">
  153.                             <form method="get" action="{{ path('expediente-index') }}" class="form-search-box" id="expedienteForm">
  154.                                 <input name="nombre" type="search" placeholder="Buscar" class="form-control form_busqueda"/>
  155.                             </form>
  156.                         </div>
  157.                     </div>
  158.                     <div class="p-2">
  159.                         {% include 'includes/carrusel-cobupem.html.twig' %}
  160.                         {% include 'includes/carrusel-fgjem.html.twig' %}
  161.                         {# {{ pimcore_areablock('content-pdfs', {
  162.                                                     'allowed': ['galeria-pdf']
  163.                                                 }) }} #}
  164.                     </div>
  165.                 </div>
  167.             </article>
  168.             <article class="article_b">
  169.                 {{
  170.                     pimcore_wysiwyg('text-right-2' ~ suffix, {
  171.                     height: 100,
  172.                     enterMode: 2,
  173.                     class: 'pimcore_areas_with_100'})
  174.                     }}
  176.                 {% if not editmode %}
  177.                     <a href="{{ pimcore_link('link-right2').href }}" target="{{ pimcore_link('link-right2').getTarget() }}">
  178.                         {{ pimcore_image('imagen-right2',
  179.                          {
  180.                             imgAttributes: {class: 'img-fluid '}
  181.                         }) }}
  182.                     </a>
  183.                 {% else %}
  184.                     <div class="d-flex flex-column mb-3 align-items-center">
  185.                         <div class="p-2">
  186.                             {{ pimcore_image('imagen-right2',
  187.                             {    
  188.                                 class: 'pimcore_areas_with_100 img-fluid-11rem',
  189.                             }) }}
  190.                         </div>
  191.                         <div class="p-2">{{ pimcore_link('link-right2') }}</div>
  192.                     </div>
  193.                 {% endif %}
  194.             </article>
  195.         </section>
  196.         
  197.           {{ pimcore_areablock('contentB', {
  198.             class: 'pimcore_areas_with_100',
  199.             'allowed': ['area001','area002','area003','area004','area007','area008','area009','contacto', 'blockquote', 'embed', 'featurette', 'galeria-pdf', 'gallery-carousel', 'gallery-folder',
  200.                 'gallery-single-images', 'headlines', 'horizontal-line', 'iconos-teaser', 'iconos-texto-teaser', 'icon-teaser-row', 'image',
  201.                 'image-hotspot-marker', 'image-metadata', 'mapa', 'pdf', 'pdf-teaser', 'product-grid', 'product-teaser', 'standard-teaser', 'text-accordion',
  202.                 'time-slider-featurette', 'video', 'wysiwyg', 'wysiwyg-with-images', 'personalized-product-teaser']
  203.         }) }}
  204.     </section>
  205. {% endblock %}