{% for item in items %} {% if item.appearance == 'roundedSolid' or item.appearance == '' and menuLinksAppearance == 'roundedSolid' %} {% assign appearance_classes = 'learnworlds-button-solid-brand button-like' %} {% elsif item.appearance == 'roundedOutline' or item.appearance == '' and menuLinksAppearance == 'roundedOutline' %} {% assign appearance_classes = 'learnworlds-button-outline-brand button-like' %} {% elsif item.appearance == 'textUnderline' or item.appearance == '' and menuLinksAppearance == 'textUnderline' %} {% assign appearance_classes = 'lw-brand-border border-bottom' %} {% elsif item.appearance == 'roundedSolidAccent1' or (item.appearance == '' and menuLinksAppearance == 'roundedSolidAccent1') %} {% assign appearance_classes = 'learnworlds-button-solid-accent1 button-like' %} {% elsif item.appearance == 'roundedOutlineAccent1' or item.appearance == '' and menuLinksAppearance == 'roundedOutlineAccent1' %} {% assign appearance_classes = 'learnworlds-button-outline-accent1 button-like' %} {% elsif item.appearance == 'roundedSolidAccent2' or (item.appearance == '' and menuLinksAppearance == 'roundedSolidAccent2') %} {% assign appearance_classes = 'learnworlds-button-solid-accent2 button-like' %} {% elsif item.appearance == 'textLink' or (item.appearance == '' and menuLinksAppearance == 'textLink') %} {% assign appearance_classes = 'text-only lw-link-text' %} {% elsif item.appearance == 'roundedOutlineAccent2' or item.appearance == '' and menuLinksAppearance == 'roundedOutlineAccent2' %} {% assign appearance_classes = 'learnworlds-button-outline-accent2 button-like' %} {% elsif item.appearance == 'textUnderlineAccent1' or item.appearance == '' and menuLinksAppearance == 'textUnderlineAccent1' %} {% assign appearance_classes = 'lw-accent1-border border-bottom' %} {% elsif item.appearance == 'rectangleSolid' or item.appearance == '' and menuLinksAppearance == 'rectangleSolid' %} {% assign appearance_classes = 'learnworlds-button-solid-brand button-like' %} {% elsif item.appearance == 'rectangleOutline' or item.appearance == '' and menuLinksAppearance == 'rectangleOutline' %} {% assign appearance_classes = 'learnworlds-button-outline-brand button-like' %} {% elsif item.appearance == 'bottomLine' or item.appearance == '' and menuLinksAppearance == 'bottomLine' %} {% assign appearance_classes = 'bottom-border lw-brand-text' %} {% elsif item.appearance == 'bottomLine' or item.appearance == '' and menuLinksAppearance == 'topLine' %} {% assign appearance_classes = 'top-border lw-brand-text' %} {% elsif item.appearance == 'textOnlyAccent1' or item.appearance == '' and menuLinksAppearance == 'textOnlyAccent1' %} {% assign appearance_classes = 'lw-brand-accent1-text text-only' %} {% else %} {% assign appearance_classes = 'lw-brand-text text-only' %} {% endif %} {% if item.subItems.length > 0 and item.hasMegamenu %} {% assign submenu_classes = 'js-with-submenu-list with-megamenu' %} {% elsif item.subItems.length > 0 %} {% assign submenu_classes = 'js-with-submenu-list with-submenu' %} {% else %} {% assign submenu_classes = '' %} {% endif %} {% if item.linkData and item.linkData.linkType %} {% assign linked_node_classes = 'js-linked-node' %} {% else %} {% assign linked_node_classes = '' %} {% endif %} {% capture itemStyles %} {%- if fontSize and fontSize > 0 -%}font-size:{{fontSize}}rem;{%- endif -%} {%- if item.borderRadius and item.borderRadius > 0 -%}border-radius:{{item.borderRadius | times: 30}}px;{%- endif -%} {%- if fontWeight and fontWeight > 0 -%}font-weight:{{fontWeight}};{%- endif -%} {%- if letterSpacing and letterSpacing > 0 -%}letter-spacing:{{letterSpacing}}em;{%- endif -%} {% endcapture %} {% capture interactiveLinkAtts %} {% if item.linkData and item.linkData.linkType and item.linkData.linkType.length %} data-interactive-link-type="{{item.linkData.linkType}}" {% endif %} {% if item.linkData and item.linkData.linkTo and item.linkData.linkTo.length %} data-interactive-link-var1="{{item.linkData.linkTo}}" {% endif %} {% if item.linkData and item.linkData.linkToExtra and item.linkData.linkToExtra.length %} data-interactive-link-var2="{{item.linkData.linkToExtra}}" {% endif %} {% if item.linkData.linkOpen and item.linkData.linkOpen.length %} data-interactive-link-window="{{item.linkData.linkOpen}}" {%endif %} {% endcapture %}
  • {% if item.linkData.href and item.linkData.href.length > 0 %} {{item.label}} {% if item.notifications and item.notifications > 0 %}
    {{item.notifications}}
    {% endif %}
    {% elsif item.linkData.linkTo and item.linkData.href.linkTo > 0 %} {{item.label}} {% if item.notifications and item.notifications > 0 %}
    {{item.notifications}}
    {% endif %}
    {% else %}
    {{item.label}} {% if item.notifications and item.notifications > 0 %}
    {{item.notifications}}
    {% endif %}
    {% endif %} {% if item.hasMegamenu %} {% if isPreview %} {% for subItem in item.subItems%} {%if subItem.type == 'megamenu' %} {%if subItem.content %} {{ subItem.content }} {% else %} {% include subItem.defaultTemplate with subItem,componentId %} {% endif %} {% endif %} {%endfor %} {% endif %} {% else %} {% if item.subItems.length > 0 %}
      {% for subItem in item.subItems %} {% if subItem.appearance == 'bottomLine' %} {% assign subItem_border_classes = 'bottom-border' %} {% elsif subItem.appearance == 'topLine'%} {% assign subItem_border_classes = 'top-border' %} {% else %} {% assign subItem_border_classes = '' %} {% endif%} {% if subItem.linkData and subItem.linkData.linkType %} {% assign subItem_linked_node_classes = 'js-linked-node' %} {% else %} {% assign subItem_linked_node_classes = '' %} {% endif %} {% if subItem.appearance == 'roundedSolid' %} {% assign subItem_appearance_classes = 'learnworlds-button-solid-brand button-like' %} {% elsif subItem.appearance == 'roundedOutline' %} {% assign subItem_appearance_classes = 'learnworlds-button-outline-brand button-like' %} {% elsif subItem.appearance == 'textUnderline' %} {% assign subItem_appearance_classes = 'lw-brand-border border-bottom' %} {% elsif subItem.appearance == 'roundedSolidAccent1'%} {% assign subItem_appearance_classes = 'learnworlds-button-solid-accent1 button-like' %} {% elsif subItem.appearance == 'roundedOutlineAccent1'%} {% assign subItem_appearance_classes = 'learnworlds-button-outline-accent1 button-like' %} {% elsif subItem.appearance == 'roundedSolidAccent2'%} {% assign subItem_appearance_classes = 'learnworlds-button-solid-accent2 button-like' %} {% elsif subItem.appearance == 'roundedOutlineAccent2'%} {% assign subItem_appearance_classes = 'learnworlds-button-outline-accent2 button-like' %} {% elsif subItem.appearance == 'textUnderlineAccent1'%} {% assign subItem_appearance_classes = 'lw-accent1-border border-bottom' %} {% elsif subItem.appearance == 'rectangleSolid'%} {% assign subItem_appearance_classes = 'learnworlds-button-solid-brand button-like' %} {% elsif subItem.appearance == 'rectangleOutline'%} {% assign subItem_appearance_classes = 'learnworlds-button-outline-brand button-like' %} {% elsif subItem.appearance == 'textOnlyAccent1' %} {% assign subItem_appearance_classes = 'lw-brand-accent1-text text-only' %} {% else %} {% assign subItem_appearance_classes = 'lw-brand-text text-only' %} {% endif %} {% capture subItemStyles %} {%- if subItem.borderRadius and subItem.borderRadius > 0 -%} border-radius:{{subItem.borderRadius | times: 30}}px; {%- endif -%} {%- if fontSize and fontSize > 0 -%}font-size:{{fontSize}}rem;{%- endif -%} {%- if fontWeight and fontWeight > 0 -%}font-weight:{{fontWeight}};{%- endif -%} {%- if letterSpacing and letterSpacing > 0 -%}letter-spacing:{{letterSpacing}}em;{%- endif -%} {% endcapture %} {% capture subItem_interactiveLinkAtts %} {% if subItem.linkData and subItem.linkData.linkType and subItem.linkData.linkType.length %}data-interactive-link-type="{{subItem.linkData.linkType}}"{% endif %} {% if subItem.linkData and subItem.linkData.linkTo and subItem.linkData.linkTo.length %}data-interactive-link-var1="{{subItem.linkData.linkTo}}"{% endif %} {% if subItem.linkData and subItem.linkData.linkToExtra and subItem.linkData.linkToExtra.length %}data-interactive-link-var2="{{subItem.linkData.linkToExtra}}"{% endif %} {% if subItem.linkData.linkOpen and subItem.linkData.linkOpen.length %}data-interactive-link-window="{{subItem.linkData.linkOpen}}"{%endif %} {% endcapture %}
    • {% if subItem.linkData.href and subItem.linkData.href.length > 0 %} {{subItem.label}} {% if subItem.notifications and subItem.notifications > 0 %}
      {{subItem.notifications}}
      {% endif %}
      {% elsif subItem.linkData.linkTo and subItem.linkData.linkTo.length > 0 %} {{subItem.label}} {% if subItem.notifications and subItem.notifications > 0 %}
      {{subItem.notifications}}
      {% endif %}
      {% else %}
      {{subItem.label}} {% if subItem.notifications and subItem.notifications > 0 %}
      {{subItem.notifications}}
      {% endif %}
      {% endif %}
    • {%endfor %}
    {% endif %} {% endif %}
  • {%endfor %}