vendor/store.shopware.com/flinkcmsanchor/src/Resources/views/storefront/element/cms-element-flink-anchor-nav.html.twig line 1

Open in your IDE?
  1. {% block element_flink_anchor_nav %}
  3.         {% set dotnavClasses = "flink-anchor-dotnav" %}
  5.         {% if config('FlinkCmsAnchor.config.useDotNavigationActiveTitle') %}
  6.             {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--show-active-title" %}
  7.         {% endif %}
  9.         {% set dotnavColor = config('FlinkCmsAnchor.config.dotNavigationColor')|default("text") %}
  10.         {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--color-" ~ dotnavColor %}
  12.         {% set dotnavActiveColor = config('FlinkCmsAnchor.config.dotNavigationActiveMarkColor')|default("text") %}
  13.         {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--active-color-" ~ dotnavActiveColor %}
  15.         {% if config('FlinkCmsAnchor.config.hideMobileDotNavigation') %}
  16.             {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--hide-mobile" %}
  17.         {% endif %}
  19.         {% set dotnavMobilePosition = config('FlinkCmsAnchor.config.mobileDotNavigationPosition')|default("ml") %}
  20.         {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--mobile-position-" ~ dotnavMobilePosition %}
  22.         {% if config('FlinkCmsAnchor.config.mobileUseDotNavigationActiveTitle') %}
  23.             {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--mobile-show-active-title" %}
  24.         {% endif %}
  26.         {% set dotnavMobileDotSize = config('FlinkCmsAnchor.config.mobileDotNavigationSize')|default("normal") %}
  27.         {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--mobile-dot-size-" ~ dotnavMobileDotSize %}
  29.         {% set style = element.config.style.value|default("dotnav") %}
  30.         {% if element.config.sticky.value %}
  31.             {% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--sticky" %}
  32.         {% endif %}
  34.         <div class="cms-element-{{ element.type }}">
  35.             {% if element.config.contentBefore.value %}
  36.                 <div class="flink-anchor-nav-content-before">
  37.                     {{ element.config.contentBefore.value | raw }}
  38.                 </div>
  39.             {% endif %}
  41.             {% if style != 'nav-horizontal' %}
  42.                 <ul class="flink-anchor-nav {{ dotnavClasses }} flink-anchor-nav-style-{{ style }}"
  43.                     data-flink-cms-anchor-dotnav="true">
  44.                 </ul>
  45.             {% else %}
  46.                 <div class="flink-anchor-nav-horizontal-container">
  47.                     <ul class="flink-anchor-nav {{ dotnavClasses }} flink-anchor-nav-style-{{ style }}"
  48.                         data-flink-cms-anchor-dotnav="true"
  49.                         data-flink-cms-anchor-dotnav-options='{ "stickyHeaderElements" : "{{ config('FlinkCmsAnchor.config.stickyHeaderElementSelectors') }}" }'>
  50.                     </ul>
  51.                 </div>
  52.                 <div class="flink-anchor-nav-select-mobile-container d-md-none d-lg-none">
  53.                     <select class="form-control flink-anchor-nav-select-mobile">
  54.                         <option disabled>{{ 'flink.cms-anchor.menu' | trans }}</option>
  55.                     </select>
  56.                 </div>
  57.             {% endif %}
  58.         </div>
  60. {% endblock %}