Добавить кнопку "Главная" в меню

remove · 6 жовтня 2020

Здравствуйте. Подскажите как добавить кнопку "Главная" в меню шаблона Fanes

Код меню:

<div class="nav-menu">
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

Скриншот:

Хотелось бы вот так:

Спасибо))

emain · 6 жовтня 2020

хитро. под разными акками разные просьбы
может на фриланс стоит обратиться?

remove · 6 жовтня 2020

Только что, emain сказал:

хитро. под разными акками разные просьбы
может на фриланс стоит обратиться?

Не понимаю о чем речь. Раннее не обращался на этот форум. Делал сам все. Разве сайт https://metrikashop.ru/ тут светился когда нибудь?

emain · 6 жовтня 2020

 <ul class="menu">
   <li><a href="/">Главная</a></li>
        {% for category in categories %}
        {% if category.children %}

remove · 6 жовтня 2020

3 минуты назад, emain сказал:


 <ul class="menu">
   <li><a href="/">Главная</a></li>
        {% for category in categories %}
        {% if category.children %}

Поставил, ошибка 500 вылезла. Может не туда всунул. Буду ковырять. Спасибо)

emain · 6 жовтня 2020

<div class="nav-menu">
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
      
      <li><a href="/">Главная</a></li>
      
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

remove · 6 жовтня 2020

1 минуту назад, emain сказал:


<div class="nav-menu">
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
      
      <li><a href="/">Главная</a></li>
      
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

Спасибо)) добавилась кнопка, я не туда ставил код. Но добавилась в меню категорий. А я хотел перед меню категорий поставить.

Типа так. Код иконки у меня есть.

emain · 6 жовтня 2020

<div class="nav-menu">
  
  <li><a href="/"><i class="fas fa-home"></i> Главная</a></li>
  
  
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
      
      
      
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

тогда ткак

Змінено 6 жовтня 2020 користувачем emain

remove · 6 жовтня 2020

4 минуты назад, emain сказал:


<div class="nav-menu">
  
  <li><a href="/"><i class="fas fa-home"></i> Главная</a></li>
  
  
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
      
      
      
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

тогда ткак

Пробовал так. Не получилось. Криво отображалось.

emain · 6 жовтня 2020

3 минуты назад, remove сказал:

Пробовал так. Не получилось. Криво отображалось.

Попробуйте обернуть тогда это в ul вот так

<ul>
  <li><a href="/"><i class="fa fa-home" aria-hidden="true"></i> Главная</a></li>
</ul>

я не вижу что происходит, у меня даже через vpn данный сайт не грузитя

Змінено 6 жовтня 2020 користувачем emain

remove · 6 жовтня 2020

1 минуту назад, emain сказал:
Попробуйте обернуть тогда это в ul вот так
<ul>
  <li><a href="/"><i class="fas fa-home"></i> Главная</a></li>
</ul>
я не вижу что происходит, у меня даже через vpn данный сайт не грузитя

Он был отключен. Я сейчас включил. После обертки в ul стало так:

emain · 6 жовтня 2020

<div class="nav-menu">
  

  
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
      
      
      
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li><a href="/"><i class="fa fa-home" aria-hidden="true"></i> Главная</a></li>
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

Разве что вот так

в случаи если поставить перед категориями, нужно менять стили для категорий и меню
они в процентном соотношенни и заполняют контейнер 25% / 75%
+ прописывать стили для самих ссылок

Змінено 6 жовтня 2020 користувачем emain

remove · 6 жовтня 2020

5 минут назад, emain сказал:


<div class="nav-menu">
  

  
       <div class="toggler-block">
             <button class="toggler">
             <span class="icon"></span>
             </button>
             <span class="text-category">{{ text_category }}</span>
         </div>
       <div class="menu-block">
        {% if categories %}
    <ul class="menu">
      
      
      
        {% for category in categories %}
        {% if category.children %}
              <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
              <div id="m" class="dropdown-menu" >
            <div class="dropdown-inner">
                 {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}
              <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
              </div>
           </div>
              </li>
             {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
  </ul>
{% endif %}
</div>
<ul class="right-l" >
       <li><a href="/"><i class="fa fa-home" aria-hidden="true"></i> Главная</a></li>
       <li id="special"><a href="{{ special }}"><i class="fa fa-percent" aria-hidden="true"></i><span class="link-text">
           {{ text_special }}
       </span></a></li>
       <li><a href="/uslugi"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Услуги</span></a></li>
<li><a href="/individualnyj-dizajn"><i class="fa fa-diamond" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Индивидуальный дизайн</span></a></li>
        <li><a href="/about_us"><i class="fa fa-info" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">О нас</span></a></li>
        <li><a href="/kontakty"><i class="fa fa-phone" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Контакты</span></a></li>
        </span></a></li>
        <li id="search-block">
       <a class="icon-link" href="" data-toggle="dropdown"><i class="fa fa-search" aria-hidden="true"></i></a>
        <div id="search" class="dropdown-menu">
                 {{search}}
             </div>
        </li>
        <li id="acc" class="account-dropdown" >
             <a class="icon-link" id="account-menu" data-placement="bottom" data-toggle="dropdown" title="{{text_account}}" onclick="return false">
                  <i class="fa fa-user-circle-o" aria-hidden="true"></i>
             </a>
          <div id="account-link" class="dropdown-menu">
            <ul class="accounts-link">
            {% if logged %}
            <li><a href="{{account}}"><i class="fa fa-user-circle-o" aria-hidden="true"></i> {{text_account}}</a></li>
            <li><a href="{{order}}"><i class="fa fa-history" aria-hidden="true"></i> {{text_order}}</a></li>
            <li><a href="{{transaction}}"><i class="fa fa-money" aria-hidden="true"></i> {{text_transaction}}</a></li>
            <li><a href="{{logout}}"><i class="fa fa-sign-out" aria-hidden="true"></i> {{text_logout}}</a></li>
            {% else %}
            <li><a href="{{login}}"><i class="fa fa-sign-in" aria-hidden="true"></i> {{text_login}}</a></li>
            <li><a href="{{register}}"><i class="fa fa-user-plus" aria-hidden="true"></i> {{text_register}}</a></li>
           {% endif %}
           <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> {{ text_wishlist }}</a></li>
           <li><a href="{{ compare }}" id="compare-total" class="btn btn-link"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{ text_compare }}</a></li>
              </ul>
           <div class="settings">
               {{currency}}
               {{language}}
          </div>
          </div>
        </li>
</ul>
</div>

Разве что вот так

в случаи если поставить перед категориями, нужно менять стили для категорий и меню
они в процентном соотношенни и заполняют контейнер 25% / 75%
+ прописывать стили для самих ссылок

Я понял. Спасибо огромное за помощь) оставлю последний вариант

remove · 6 жовтня 2020

Подправил код

<li><a href="/"><i class="fa fa-home" aria-hidden="true"></i><span class="hidden-xs hidden-sm hidden-md">Главная</span></a></li>

Что бы в мобильной версии отображалась только иконка)

Змінено 6 жовтня 2020 користувачем remove
ашипка)

Вхід

Добавить кнопку "Главная" в меню

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information