Sitemap

<ul class="sitemap">
    <li class="sitemap_item">

        <h2 class="u-h4 sitemap_title">
            <a href="">
            lorem ipsum level one
          </a>
        </h2>

        <ul class="sitemap_subList">

            <li class="sitemap_item">
                <h3 class="u-h5 sitemap_title">
                    <a href="">
                    lorem ipsum level two
                  </a>
                </h3>

            </li>

            <li class="sitemap_item">
                <h3 class="u-h5 sitemap_title">
                    <a href="">
                    lorem ipsum level two
                  </a>
                </h3>

            </li>

            <li class="sitemap_item">
                <h3 class="u-h5 sitemap_title">
                    <a href="">
                    lorem ipsum level two and i have children
                  </a>
                </h3>

                <ul class="sitemap_subList">
                    <li class="sitemap_item">
                        <a class="sitemap_link" href="$Link">
                        <span>lorem ipsum</span>
                      </a>

                        <ul class="sitemap_subList">
                            <li class="sitemap_item">
                                <a class="sitemap_link" href="$Link">
                                <span>lorem ipsum</span>
                              </a>

                            </li>
                            <li class="sitemap_item">
                                <a class="sitemap_link" href="$Link">
                                <span>lorem ipsum</span>
                              </a>

                            </li>
                            <li class="sitemap_item">
                                <a class="sitemap_link" href="$Link">
                                <span>lorem ipsum</span>
                              </a>

                            </li>
                            <li class="sitemap_item">
                                <a class="sitemap_link" href="$Link">
                                <span>lorem ipsum</span>
                              </a>

                            </li>
                        </ul>

                    </li>
                </ul>

            </li>

            <li class="sitemap_item">
                <h3 class="u-h5 sitemap_title">
                    <a href="">
                    lorem ipsum level two
                  </a>
                </h3>

            </li>
        </ul>
    </li>
    <li class="sitemap_item">

        <h2 class="u-h4 sitemap_title">
            <a href="">
            lorem ipsum level one
          </a>
        </h2>

    </li>
    <li class="sitemap_item">

        <h2 class="u-h4 sitemap_title">
            <a href="">
            lorem ipsum level one
          </a>
        </h2>

    </li>
    <li class="sitemap_item">

        <h3 class="u-h5 sitemap_title">
            <a href="">
            lorem ipsum level two
          </a>
        </h3>

    </li>
    <li class="sitemap_item">

        <a class="sitemap_link" href="$Link">
          <span>lorem ipsum not level one not level two</span>
        </a>

    </li>
</ul>
<ul class="sitemap">
  {{#each pages}}
    <li class="sitemap_item">

      {{#if isLevelOne }}
        <h2 class="u-h4 sitemap_title">
          <a href="{{url}}">
            {{label}}
          </a>
        </h2>
      {{ else if isLevelTwo }}
        <h3 class="u-h5 sitemap_title">
          <a href="{{url}}">
            {{label}}
          </a>
        </h3>
      {{ else }}
        <a class="sitemap_link" href="$Link">
          <span>{{label}}</span>
        </a>
      {{/if}}

      {{#if child}}
        <ul class="sitemap_subList">
          {{#each child}}

            <li class="sitemap_item">
              {{#if isLevelOne }}
                <h2 class="u-h4 sitemap_title">
                  <a href="{{url}}">
                    {{label}}
                  </a>
                </h2>
              {{ else if isLevelTwo }}
                <h3 class="u-h5 sitemap_title">
                  <a href="{{url}}">
                    {{label}}
                  </a>
                </h3>
              {{ else }}
                <a class="sitemap_link" href="$Link">
                  <span>{{label}}</span>
                </a>
              {{/if}}

              {{#if child}}
                <ul class="sitemap_subList">
                  {{#each child}}
                    <li class="sitemap_item">
                      <a class="sitemap_link" href="$Link">
                        <span>{{label}}</span>
                      </a>

                      {{#if child}}
                        <ul class="sitemap_subList">
                          {{#each child}}
                            <li class="sitemap_item">
                              <a class="sitemap_link" href="$Link">
                                <span>{{label}}</span>
                              </a>

                            </li>
                          {{/each}}
                        </ul>
                      {{/if}}

                    </li>
                  {{/each}}
                </ul>
              {{/if}}

            </li>
          {{/each}}
        </ul>
      {{/if}}
    </li>
  {{/each}}
</ul>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
  "id": "1",
  "pages": [
    {
      "isLevelOne": true,
      "label": "lorem ipsum level one",
      "child": [
        {
          "label": "lorem ipsum level two",
          "isLevelTwo": true
        },
        {
          "label": "lorem ipsum level two",
          "isLevelTwo": true
        },
        {
          "label": "lorem ipsum level two and i have children",
          "isLevelTwo": true,
          "child": [
            {
              "label": "lorem ipsum",
              "child": [
                {
                  "label": "lorem ipsum"
                },
                {
                  "label": "lorem ipsum"
                },
                {
                  "label": "lorem ipsum"
                },
                {
                  "label": "lorem ipsum"
                }
              ]
            }
          ]
        },
        {
          "label": "lorem ipsum level two",
          "isLevelTwo": true
        }
      ]
    },
    {
      "label": "lorem ipsum level one",
      "isLevelOne": true
    },
    {
      "label": "lorem ipsum level one",
      "isLevelOne": true
    },
    {
      "label": "lorem ipsum level two",
      "isLevelTwo": true
    },
    {
      "label": "lorem ipsum not level one not level two",
      "isLevelOne": null,
      "isLeveltwo": null
    }
  ]
}

There are no notes for this item.