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

[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 січня 2022 користувачем Shureg

[Yutiy]

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

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

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

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

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

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

Змінено 7 січня 2022 користувачем 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 січня 2022 користувачем andreubekish

[Yutiy]

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

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

Да, именно.

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

a0485586.xsph.ru