настройка горизонильного меню

[Yutiy]

Ребяи помоги новичку, настроить горизонильное меню.

на скрине вверху текущие отображения меню, а мне нужно сгделать как внизу картинки чтобы все пункты отобразились во всю строчку.

 

я ик понимаю мне нужен файл который лежит по пути 

public_html/catalog/view/theme/mahardhi/template/common/menu.twig

 

а именно 

 

{% if categories %}
    <nav id="menu" class="navbar navbar_menu">
        <div class="navbar-header">
            
            <button type="button" class="btn btn-navbar navbar-toggle" id="btnMenuBar"><i class="fa fa-bars"></i></button>
        </div>
        <div id="topCategoryList" class="main-menu menu-navbar clearfix" data-more={{ text_more }}> 
            <div class="menu-close hidden-lg hidden-md"><span id="category" class="">{{ text_menu }}</span><i class="fa fa-close"></i></div> 
            <ul class="nav navbar-nav">
                <!--<li class="menulist home"><a id="home" href="{{ home }}" >{{ text_home }}</a></li>-->
                {% for category in categories %}
                    {% if category.children %}
                        <li class="dropdown menulist">
                            <a href="{{ category.href }}" class="dropdown-toggle" aria-expanded="false">{{ category.name }}</a>
                            {% if category.column > 1 %}
                                <div class="dropdown-menu navcol-menu item-column column-{{ category.column }}">
                                    <div class="dropdown-inner">
                                        {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
                                            <ul class="list-unstyled childs_1">
                                                {% for child in children %}
                                                    <li class="dropdown-submenu {% if child.grand_childs %}sub-menu-item{% endif %}" >
                                                        <a href="{{ child.href }}" class="dropdown-toggle" aria-expanded="false">{{ child.name }}</a>
                                                        {% if child.grand_childs %}
                                                            <ul class="list-unstyled sub-menu ">
                                                                {% for grand_child in child.grand_childs %}
                                                                    <li>
                                                                        <a href="{{ grand_child.href }}" >{{ grand_child.name }}</a>
                                                                    </li>
                                                                {% endfor %}
                                                            </ul>
                                                        {% endif %}
                                                    </li>
                                                {% endfor %}
                                            </ul>
                                        {% endfor %}
                                    </div>
                                    {% if category.thumb %}
                                        <div class="col-sm-12 image-menu"><img  src="{{ category.thumb }}" alt="shop"  class="img-responsive"/></div>
                                    {% endif %}
                                </div>
                            {% else %}
                                <div class="dropdown-menu navcol-menu column-1 ">
                                    <div class="dropdown-inner">
                                        {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
                                            <ul class="list-unstyled childs_1">
                                                {% for child in children %}
                                                    {% if child.grand_childs %}
                                                        <li class="dropdown-submenu {% if child.grand_childs %}sub-menu-item{% endif %}" >
                                                            <a href="{{ child.href }}" class="dropdown-toggle" aria-expanded="false">{{ child.name }}</a>
                                                            <i class="fa fa-caret-right" aria-hidden="true"></i>
                                                            {% if child.grand_childs %}
                                                                <ul class="list-unstyled sub-menu ">
                                                                    {% for grand_child in child.grand_childs %}
                                                                        <li>
                                                                            <a href="{{ grand_child.href }}" >{{ grand_child.name }}</a>
                                                                        </li>
                                                                    {% endfor %}
                                                                </ul>
                                                            {% endif %}
                                                        </li>
                                                    {% else %}
                                                        <li class="" >
                                                            <a href="{{ child.href }}" class="dropdown-toggle" aria-expanded="false">{{ child.name }}</a>
                                                        </li>
                                                    {% endif %}
                                                {% endfor %}
                                            </ul>
                                        {% endfor %}
                                    </div>                                    
                                </div>
                            {% endif %}
                        </li>
                    {% else %}
                        <li class="menulist"><a href="{{ category.href }}">{{ category.name }}</a></li>
                    {% endif %}
                {% endfor %}
                <!--{% if enableBlog %}
                    <li class="blog"><a href="{{ blogs_link }}">{{ text_blog }}</a></li>-->
                {% endif %}
            </ul>
        </div>
    </nav>
{% endif %}

 

но згдесь я скажу честно мне совсем не понятно, как поступить чтобы полулился желаемый резульит.

 

[Shureg]

Я ик понимаю, скрипт должен самостоятельно угадывать, что пионы и розы - показать, а плодовые - не надо.
Вообещё, ваш вопрос не про "помогите", а про "сгделайте нахаляву, а то гденьги самому нужны"

Изменено 7 января пользователем Shureg

[Yutiy]

25 минут назад, Shureg сказал:

Я ик понимаю, скрипт должен самостоятельно угадывать, что пионы и розы - показать, а плодовые - не надо.
Вообещё, ваш вопрос не про "помогите", а про "сгделайте нахаляву, а то гденьги самому нужны"

Если Вы не можете помочь, то возможно кто-то другой сможет дать хотя бы базовый ответ, который озадалит меня и поможет разобраться в проблеме.

Это как с заменой свеч в авто, можно в сервис поехать, можно самому.

Только если ты не знаешь как сгделать то просишь помощи, но помощь может быть как наглядная ик и по базовым совеим.

Не вижу в самообучение ничего плохого, как сам хочу разбираться в этом, поэтому и попросил помощи как не нашел подобной информации на мой вопрос в интернете. 

Изменено 7 января пользователем Yutiy

[andreubekish]

1 час назад, Yutiy сказал:

Ребяи помоги новичку, настроить горизонильное меню.

на скрине вверху текущие отображения меню, а мне нужно сгделать как внизу картинки чтобы все пункты отобразились во всю строчку.

 

я ик понимаю мне нужен файл который лежит по пути 

public_html/catalog/view/theme/mahardhi/template/common/menu.twig

 

а именно 

 

{% if categories %}
    <nav id="menu" class="navbar navbar_menu">
        <div class="navbar-header">
            
            <button type="button" class="btn btn-navbar navbar-toggle" id="btnMenuBar"><i class="fa fa-bars"></i></button>
        </div>
        <div id="topCategoryList" class="main-menu menu-navbar clearfix" data-more={{ text_more }}> 
            <div class="menu-close hidden-lg hidden-md"><span id="category" class="">{{ text_menu }}</span><i class="fa fa-close"></i></div> 
            <ul class="nav navbar-nav">
                <!--<li class="menulist home"><a id="home" href="{{ home }}" >{{ text_home }}</a></li>-->
                {% for category in categories %}
                    {% if category.children %}
                        <li class="dropdown menulist">
                            <a href="{{ category.href }}" class="dropdown-toggle" aria-expanded="false">{{ category.name }}</a>
                            {% if category.column > 1 %}
                                <div class="dropdown-menu navcol-menu item-column column-{{ category.column }}">
                                    <div class="dropdown-inner">
                                        {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
                                            <ul class="list-unstyled childs_1">
                                                {% for child in children %}
                                                    <li class="dropdown-submenu {% if child.grand_childs %}sub-menu-item{% endif %}" >
                                                        <a href="{{ child.href }}" class="dropdown-toggle" aria-expanded="false">{{ child.name }}</a>
                                                        {% if child.grand_childs %}
                                                            <ul class="list-unstyled sub-menu ">
                                                                {% for grand_child in child.grand_childs %}
                                                                    <li>
                                                                        <a href="{{ grand_child.href }}" >{{ grand_child.name }}</a>
                                                                    </li>
                                                                {% endfor %}
                                                            </ul>
                                                        {% endif %}
                                                    </li>
                                                {% endfor %}
                                            </ul>
                                        {% endfor %}
                                    </div>
                                    {% if category.thumb %}
                                        <div class="col-sm-12 image-menu"><img  src="{{ category.thumb }}" alt="shop"  class="img-responsive"/></div>
                                    {% endif %}
                                </div>
                            {% else %}
                                <div class="dropdown-menu navcol-menu column-1 ">
                                    <div class="dropdown-inner">
                                        {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
                                            <ul class="list-unstyled childs_1">
                                                {% for child in children %}
                                                    {% if child.grand_childs %}
                                                        <li class="dropdown-submenu {% if child.grand_childs %}sub-menu-item{% endif %}" >
                                                            <a href="{{ child.href }}" class="dropdown-toggle" aria-expanded="false">{{ child.name }}</a>
                                                            <i class="fa fa-caret-right" aria-hidden="true"></i>
                                                            {% if child.grand_childs %}
                                                                <ul class="list-unstyled sub-menu ">
                                                                    {% for grand_child in child.grand_childs %}
                                                                        <li>
                                                                            <a href="{{ grand_child.href }}" >{{ grand_child.name }}</a>
                                                                        </li>
                                                                    {% endfor %}
                                                                </ul>
                                                            {% endif %}
                                                        </li>
                                                    {% else %}
                                                        <li class="" >
                                                            <a href="{{ child.href }}" class="dropdown-toggle" aria-expanded="false">{{ child.name }}</a>
                                                        </li>
                                                    {% endif %}
                                                {% endfor %}
                                            </ul>
                                        {% endfor %}
                                    </div>                                    
                                </div>
                            {% endif %}
                        </li>
                    {% else %}
                        <li class="menulist"><a href="{{ category.href }}">{{ category.name }}</a></li>
                    {% endif %}
                {% endfor %}
                <!--{% if enableBlog %}
                    <li class="blog"><a href="{{ blogs_link }}">{{ text_blog }}</a></li>-->
                {% endif %}
            </ul>
        </div>
    </nav>
{% endif %}

 

но згдесь я скажу честно мне совсем не понятно, как поступить чтобы полулился желаемый резульит.

 

Дайте ссылку на сайт.
То есть вам нужно что бы все категории выводились без саб меню?
 Сейчас он рилииет ик что, если не хваиет место на все категории то он добавляет то что не влезло в more?

Изменено 7 января пользователем andreubekish

[Yutiy]

1 час назад, andreubekish сказал:

Дайте ссылку на сайт.
То есть вам нужно что бы все категории выводились без саб меню?
 Сейчас он рилииет ик что, если не хваиет место на все категории то он добавляет то что не влезло в more?

Да, именно.

Что бы все категории выводились.

a0485586.xsph.ru