custom/plugins/SwagCmsExtensions/src/Resources/views/storefront/page/content/detail.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/content/detail.html.twig' %}
  3. {% block page_content_sections_inner %}
  4.     {{ parent() }}
  6.     {% set anchoredSections = [] %}
  7.     {% for section in page.cmsPage.sections %}
  8.         {% if section.extensions.swagCmsExtensionsScrollNavigation.active %}
  9.             {% set anchoredSections = anchoredSections|merge([section]) %}
  10.         {% endif %}
  11.     {% endfor %}
  14.     {% block swag_cms_extensions_scroll_navigation_sidebar %}
  15.         {% if anchoredSections|length > 0 %}
  16.             {% set pageSettingsExtension = constant('Swag\\CmsExtensions\\Extension\\Feature\\ScrollNavigation\\CmsPageEntityExtension::SCROLL_NAVIGATION_PAGE_SETTINGS_PROPERTY_NAME') %}
  17.             {% set options = { pageSettings: page.cmsPage.extensions[pageSettingsExtension] } %}
  19.             <div class="scroll-navigation-sidebar"
  20.                  data-swag-cms-extensions-scroll-navigation="true"
  21.                  data-swag-cms-extensions-scroll-navigation-options="{{ options|json_encode }}"
  22.                  data-swag-cms-extensions-scroll-navigation-toggle-menu="true">
  24.                 {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu %}
  25.                     <div class="scroll-navigation-sidebar-mobile-menu">
  26.                         {% apply spaceless %}
  28.                             {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu_button_list %}
  29.                                 <div class="scroll-navigation-sidebar-mobile-button">
  30.                                     <button id="scroll-navigation-mobile-button-list"
  31.                                             class="scroll-navigation-sidebar-mobile-button-icon scroll-navigation-menu-toggle">
  33.                                         {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu_button_list_content %}
  34.                                             {% sw_icon 'stack' style { 'size': 'xl' } %}
  35.                                         {% endblock %}
  36.                                     </button>
  37.                                 </div>
  38.                             {% endblock %}
  40.                             {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu_button_up %}
  41.                                 <div class="scroll-navigation-sidebar-mobile-button">
  42.                                     <button id="scroll-navigation-mobile-button-up"
  43.                                             class="scroll-navigation-sidebar-mobile-button-icon">
  45.                                         {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu_button_up_content %}
  46.                                             {% sw_icon 'arrow-head-up' style { 'size': 'xl' } %}
  47.                                         {% endblock %}
  48.                                     </button>
  49.                                 </div>
  50.                             {% endblock %}
  52.                             {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu_button_down %}
  53.                                 <div class="scroll-navigation-sidebar-mobile-button">
  54.                                     <button id="scroll-navigation-mobile-button-down"
  55.                                             class="scroll-navigation-sidebar-mobile-button-icon">
  57.                                         {% block swag_cms_extensions_scroll_navigation_sidebar_mobile_menu_button_down_content %}
  58.                                             {% sw_icon 'arrow-head-down' style { 'size': 'xl' } %}
  59.                                         {% endblock %}
  60.                                     </button>
  61.                                 </div>
  62.                             {% endblock %}
  63.                         {% endapply %}
  64.                     </div>
  65.                 {% endblock %}
  67.                 {% block swag_cms_extensions_scroll_navigation_sidebar_toggle_close %}
  68.                     <div class="scroll-navigation-sidebar-close scroll-navigation-menu-toggle">
  69.                         {% sw_icon 'x' style { 'size': 'xl' }  %}
  70.                     </div>
  71.                 {% endblock %}
  73.                 {% block swag_cms_extensions_scroll_navigation_sidebar_list %}
  74.                     <div class="scroll-navigation-sidebar-list">
  75.                         {% for section in anchoredSections %}
  76.                             {% set scrollNavigation = section.extensions.swagCmsExtensionsScrollNavigation %}
  77.                             {% set anchor = scrollNavigation.translated.displayName %}
  79.                             {% block swag_cms_extensions_scroll_navigation_sidebar_list_entry %}
  80.                                 <a class="scroll-navigation-sidebar-entry"
  81.                                    href="#nav-{{ anchor|lower|slugify|replace({'.': ''}) }}">
  83.                                     {% block swag_cms_extensions_scroll_navigation_sidebar_list_entry_line %}
  84.                                         <div class="scroll-navigation-sidebar-entry-line"></div>
  85.                                     {% endblock %}
  87.                                     {% block swag_cms_extensions_scroll_navigation_sidebar_list_entry_bullet %}
  88.                                         <span class="scroll-navigation-sidebar-entry-bullet"></span>
  89.                                     {% endblock %}
  91.                                     {% block swag_cms_extensions_scroll_navigation_sidebar_list_entry_label %}
  92.                                         <span class="scroll-navigation-sidebar-entry-label">
  94.                                             {% block swag_cms_extensions_scroll_navigation_sidebar_list_entry_label_content %}
  95.                                                 {{ anchor }}
  96.                                             {% endblock %}
  97.                                         </span>
  98.                                     {% endblock %}
  99.                                 </a>
  100.                             {% endblock %}
  101.                         {% endfor %}
  102.                     </div>
  103.                 {% endblock %}
  104.             </div>
  105.         {% endif %}
  106.     {% endblock %}
  107. {% endblock %}
  109. {% block page_content_section %}
  110.     {% set scrollNavigation = section.extensions.swagCmsExtensionsScrollNavigation %}
  111.     {% set anchor = scrollNavigation.translated.displayName|lower|slugify|replace({'.': ''}) %}
  113.     {% if scrollNavigation.active %}
  114.         <div class="swag-cms-extensions-scroll-navigation-wrapper">
  115.             <div class="scroll-navigation-anchor" id="nav-{{ anchor }}"></div>
  116.             {{ parent() }}
  117.         </div>
  118.     {% else %}
  119.         {{ parent() }}
  120.     {% endif %}
  121. {% endblock %}