Какой лучший способ реализовать мега-меню в Orchard CMS? - PullRequest
Новая
       32

Какой лучший способ реализовать мега-меню в Orchard CMS?

0 голосов
/ 05 июня 2019

Мне нужна помощь в создании мега-меню в Orchard без редактирования каких-либо CSS-файлов или применения каких-либо новых тем.

Использование виджета "Пользовательский код" (https://orchardtricks.dotnest.com/blog/custom-code-widget-orchard-cms), Iя пытаюсь реализовать мегаменю, которое работает с существующей иерархией меню в Orchard. Ниже приведен пример того, как создается HTML: 

<nav>
  <ul class="menu menu-mega-menu">
    <li class="first">
      <a href="/">Home</a>
    </li>
    <li class="dropdown">
      <a href="#">Tools</a>
      <ul>
        <li class="dropdown">
          <a href="#">Microsoft Team Foundation Server</a>
          <ul>
            <li>
              <a href="#">Getting Access</a>
            </li>
            <li class="dropdown">
              <a href="#">Training Material</a>
              <ul>
                <li>
                  <a href="#">Add User Request</a>
                </li>
                <li>
                  <a href="#">Update User Request</a>
                </li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="dropdown">
          <a href="#">TFS Reporting</a>
          <ul>
            <li>
              <a href="#">Accessing TFS Reports</a>
            </li>
          </ul>
        </li>
      </ul>
    </li>
    <li class="dropdown last">
      <a href="#">Phases</a>
      <ul>
        <li>
          <a href="#">Conception and Approval &amp; Planning</a>
        </li>
      </ul>
    </li>
  </ul>
</nav>

Это то, что мне удалось сделать до сих пор https://codepen.io/Zodem/pen/pmmyqM.

Я хочу визуально воспроизвести нечто похожее на мегаменю в https://www.starbucks.ca/.

...