templates/areas/content-hotspot/view.html.twig line 1

Open in your IDE?
  1. <section class="hotspot-area container-narrow container mt-5 js-fade-in {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}" {% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %} >
  2.     {% embed 'Includes/editmode-settings.html.twig' %}
  3.         {% block additionalInfo %}
  4.         {% endblock %}
  5.     {% endembed %}
  7.     {{ include('Includes/title-block.html.twig', {
  8.         title: title|default(''),
  9.         subtitle: subtitle|default(''),
  10.         isCentered: true
  11.     }) }}
  13.     <div class="position-relative js-hotspot-container">
  14.         {{ pimcore_image('hotspot-area', {
  15.             thumbnail: 'hotspot-area',
  16.             imgAttributes: {
  17.                 class: 'js-lazy-img img-fluid img-dropshadow w-100'
  18.             },
  19.             lowQualityPlaceholder: true
  20.         }) }}
  22.         {% for marker in pimcore_image('hotspot-area').marker  %}
  23.             {% if marker['data'] and marker['data'][0] %}
  24.                 {% set element = marker['data'][0].value  %}
  25.                 {% if marker.left is defined and marker.left and marker.top is defined and marker.top and marker.name is defined and element %}
  26.                     {{ include('Includes/hotspot.html.twig', getHotspotData(marker.left, marker['top'], element, false, marker['name'])) }}
  27.                 {% endif %}
  28.             {% endif %}
  29.         {% endfor %}
  30.     </div>
  31. </section>
  32. {% if editmode %}
  33.     <br><br>
  34. {% endif %}