_includes/appscms/navbars/toolbar.html in appscms-tools-theme-4.6.6 vs _includes/appscms/navbars/toolbar.html in appscms-tools-theme-4.6.7

@@ -1,10 +1,173 @@
+
+{%- if site.newToolBar -%}
 <div class="appscms-toolbar">
   <div class="row">
     <div class="col-11 mx-auto">
       <div class="appscms-toolbar-list">
         <div id="close-nav-ham" data-open="1" class="close-nav-ham">
+          <img
+            class="mt-3"
+            style="cursor: pointer"
+            height="30px"
+            width="30px"
+            src="/assets/images/close-button.svg"
+            alt="close-button"
+          />
+        </div>
+        {%- if Data.megaMenu -%} {%- for item in Data.megaMenu.dropdown -%}
+        <li class="appscms-toolbar-list-item">
+          <span
+            class="appscms-toolbar-list-item-span d-flex justify-content-between"
+          >
+            {{ item.categoryName }}
+          </span>
+          <div class="list-item-dropdown">
+            <div class="row">
+              <div class="col-lg-4 col-md-6">
+                <div class="appscms-featured-tools">
+                  <div class="category-tools">
+                    <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
+                    {%- for i in item.featuredLinks -%}
+                    <a href="{{i.url}}" class="category-tools__item">
+                      <div class="icon_box v_2 v2">
+                        <img src="{{i.iconSrc}}" alt="icon-img" />
+                      </div>
+                      <div class="category-tools__content">
+                        <h4>{{i.name}}</h4>
+                        <p class="category-tools__descr gray">{{i.text}}</p>
+                      </div>
+                    </a>
+                    {%- endfor -%}
+                  </div>
+                </div>
+              </div>
+              <div class="col-md-8">
+                <div class="appscms-other-tools">
+                  <div class="expand_menu-name-categiry">OTHER TOOLS</div>
+                  {% assign link_count = item.links | size %} {% if link_count >
+                  0 %} {% assign half = link_count | divided_by: 2 %} {% assign
+                  remainder = link_count | modulo: 2 %}
+
+                  <div class="row">
+                    <div class="col-md-6">
+                      <ul class="mega_menu">
+                        {%- for i in item.links | slice: 0, half -%}
+                        <li>
+                          <a href="{{ i.url }}">{{ i.name }}</a>
+                          <ul class=""></ul>
+                        </li>
+                        {%- endfor -%} {%- if remainder != 0 -%}
+                        <li>
+                          <a href="{{ item.links[half].url }}"
+                            >{{ item.links[half].name }}</a
+                          >
+                          <ul class=""></ul>
+                        </li>
+                        {%- endif -%}
+                      </ul>
+                    </div>
+                    <div class="col-md-6">
+                      <ul class="mega_menu">
+                        {%- for i in item.links | slice: half | plus: remainder,
+                        link_count - half - remainder -%}
+                        <li>
+                          <a href="{{ i.url }}">{{ i.name }}</a>
+                          <ul class=""></ul>
+                        </li>
+                        {%- endfor -%}
+                      </ul>
+                    </div>
+                  </div>
+                  {% endif %}
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+        {%- endfor -%} {%- endif -%} {%- for item in siteData.megaMenu.dropdown
+        -%}
+        <li class="appscms-toolbar-list-item">
+          <span
+            class="appscms-toolbar-list-item-span d-flex justify-content-between"
+          >
+            {{ item.categoryName }}
+          </span>
+          <div class="list-item-dropdown">
+            <div class="row">
+              <div class="col-lg-4 col-md-6">
+                <div class="appscms-featured-tools">
+                  <div class="category-tools">
+                    <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
+                    {%- for i in item.featuredLinks -%}
+                    <a href="{{i.url}}" class="category-tools__item">
+                      <div class="icon_box v_2 v2">
+                        <img src="{{i.iconSrc}}" alt="icon-img" />
+                      </div>
+                      <div class="category-tools__content">
+                        <h4>{{i.name}}</h4>
+                        <p class="category-tools__descr gray">{{i.text}}</p>
+                      </div>
+                    </a>
+                    {%- endfor -%}
+                  </div>
+                </div>
+              </div>
+              <div class="col-lg-6">
+                <div class="appscms-other-tools">
+                  <div class="expand_menu-name-categiry">OTHER WRITE TOOLS</div>
+                  {% assign link_count = item.links | size %} {% if link_count >
+                  0 %} {% assign half = link_count | divided_by: 2 %} {% assign
+                  remainder = link_count | modulo: 2 %}
+
+                  <div class="row">
+                    <div class="col-lg-6">
+                      <ul class="mega_menu">
+                        {%- for i in item.links | slice: 0, half -%}
+                        <li>
+                          <a href="{{ i.url }}">{{ i.name }}</a>
+                          <ul class=""></ul>
+                        </li>
+                        {%- endfor -%} {%- if remainder != 0 -%}
+                        <li>
+                          <a href="{{ item.links[half].url }}"
+                            >{{ item.links[half].name }}</a
+                          >
+                          <ul class=""></ul>
+                        </li>
+                        {%- endif -%}
+                      </ul>
+                    </div>
+                    <div class="col-lg-6">
+                      <ul class="mega_menu">
+                        {%- for i in item.links | slice: half | plus: remainder,
+                        link_count - half - remainder -%}
+                        <li>
+                          <a href="{{ i.url }}">{{ i.name }}</a>
+                          <ul class=""></ul>
+                        </li>
+                        {%- endfor -%}
+                      </ul>
+                    </div>
+                  </div>
+                  {% endif %}
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+        {%- endfor -%}
+      </div>
+    </div>
+  </div>
+</div>
+{%- else -%}
+<div class="appscms-toolbar">
+  <div class="row">
+    <div class="col-11 mx-auto">
+      <div class="appscms-toolbar-list">
+        <div id="close-nav-ham" data-open="1" class="close-nav-ham">
           <img class="mt-3" style="cursor: pointer;" height="30px" width="30px" src="/assets/images/close-button.svg" alt="close-button">
         </div>
         {%- if Data.megaMenu -%}
         {%- for item in Data.megaMenu.dropdown -%}
         <li class="appscms-toolbar-list-item">
@@ -75,5 +238,8 @@
 
       </div>
     </div>
   </div>
 </div>
+{%- endif -%}
+
+