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

remove · October 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 · October 6, 2020

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

remove · October 6, 2020

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

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

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

emain · October 6, 2020

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

remove · October 6, 2020

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

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

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

emain · October 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 · October 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 · October 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>

тогда ткак

Edited October 6, 2020 by emain

remove · October 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 · October 6, 2020

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

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

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

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

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

Edited October 6, 2020 by emain

remove · October 6, 2020

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

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

emain · October 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%
+ прописывать стили для самих ссылок

Edited October 6, 2020 by emain

remove · October 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 · October 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>

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

Edited October 6, 2020 by remove
ашипка)

Sign In

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

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Similar Content

Recently Browsing 0 members

Покупателям

Разрилитликам

Полезная информация

Последние дополнения

Important Information