templates/includes/heros/hero-anchor-nav.html.twig line 1

Open in your IDE?
  1. {% set brand = document.getProperty('hasBrand')|default(false) %}
  3. {% if not editmode %}
  4.     {{ include('navigation/breadcrumb.html.twig') }}
  5. {% endif %}
  7. <section class="container page-heading">
  8.     <div class="row gy-3">
  9.         <div class="col-xl-8">
  10.             {{ include('includes/title-blocks/title-block.html.twig', {
  11.                 isBig: true,
  12.                 titleStyle: '',
  13.                 titleTag: 'h1',
  14.             }) }}
  15.         </div>
  16.         {% if brand and brand.navigationLogo %}
  17.             <div class="col-xl-4">
  18.                 <div class="page-heading__img-container">
  19.                     {{ brand.navigationLogo.thumbnail('page-heading-logo').getHtml({
  20.                         imgAttributes: {
  21.                             class: 'js-lazy-img page-heading__logo',
  22.                         },
  23.                         lowQualityPlaceholder: true,
  24.                     })|raw }}
  25.                 </div>
  26.             </div>
  27.         {% endif %}
  28.     </div>
  29.     {% if editmode or not pimcore_link('cta1').isEmpty() %}
  30.         {{ pimcore_link('cta1', {
  31.             class: 'btn btn-dark mb-1'
  32.         }) }}
  33.     {% endif %}
  34.     {% if editmode %}
  35.         <br><br>
  36.     {% endif %}
  37.     {% if editmode or not pimcore_link('cta2').isEmpty() %}
  38.         {{ pimcore_link('cta2', {
  39.             class: 'btn btn-dark mb-1'
  40.         }) }}
  41.     {% endif %}
  42. </section>
  44. {% if not editmode %}
  45.     {{ include('navigation/anchor-nav.html.twig') }}
  46. {% endif %}
  48. {% if editmode or not pimcore_image('hero-image').isEmpty() %}
  49.     <section class="hero-content">
  50.             <div class="row align-items-center">
  51.                 <div class="col-auto">
  52.                     <div class="explore">
  53.                         <span>{{ 'brand.hero.Explore'|trans }}</span>
  54.                         <span aria-hidden="true" class="icon icon-scroll"></span>
  55.                     </div>
  56.                 </div>
  58.                 <div class="col">
  59.                     <div class="ratio ratio-8x3 shadow border-radius-8">
  60.                         {{ pimcore_image('hero-image', {
  61.                             thumbnail: 'hero-content',
  62.                             class: 'ratio-item hero-content__img',
  63.                             imgAttributes: {
  64.                                 class: 'ratio-item js-lazy-img hero-content__img',
  65.                             },
  66.                             lowQualityPlaceholder: true,
  67.                         })|raw }}
  69.                         {% if not editmode and not pimcore_image('hero-image').isEmpty() %}
  70.                             {{ pimcore_image('hero-image').getThumbnail('hero-content').getHtml({
  71.                                 imgAttributes: {
  72.                                     class: 'ratio-item hero-content__img'
  73.                                 },
  74.                                 loading: 'eager',
  75.                             })|raw }}
  76.                         {% endif %}
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.     </section>
  81. {% endif %}