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

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
ашипка)

Войти

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

Рекомендованные сообещёния

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Ссылка на комменирий

Погделиться на других сайих

Создайте аккаунт или войдите в него для комментирования

Создать аккаунт

Войти

Похожие публикации

Сейчас на страниэто 0 пользователей

Покупателям

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

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

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

Важная информация