Нужна помощь с подключением меню к верстке.

[Imennoy]

Здравствуйте!

Есть верстка которую медленно но целеустремленно натягиваю на движочек, но столкнулся с такой бедой, у меня есть раздел (каталог) и он достаточно функционален, и этот раздел он как навигация, как меню, вот и не могу разобрать как его сделать, и правильно подключить, то ли верстку менять нужно, толи у меня лыжи не едут. Прошу помощи, сам врятли разберусь, следовательно готов  на деньги. 

http://chain.su/index.php?route=product/category&path=97_98

 

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

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

[fanatic]

  В 24.03.2021 в 11:41, Imennoy сказав:

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

Expand  

пишите детали в личку

[Imennoy]

В общем кое что получилось сделать, выводит категорию и подкатегорию, 

  Показати вміст

 

<div class="list-group">
{% for category in categories %}
	{% if category.category_id == category_id %}
				<a href="{{ category.href }}" class="list-group-item active">{{ category.name }}1</a>

	{% endif %}
{% endfor %}
</div>

            <!--  Контейнер с вкладками   -->
            <ul class="tab-header d-flex">
              <li class="tab-header__item js-tab-trigger active d-flex" data-tab="1">Первая</li>
              <li class="tab-header__item js-tab-trigger d-flex sp2"data-tab="2">Вторая</li>
              <li class="tab-header__item js-tab-trigger d-flex sp3"data-tab="3">Третья</li>
              <li class="tab-header__item js-tab-trigger d-flex sp4"data-tab="4">Четвертая</li>
              <li class="tab-header__item js-tab-trigger d-flex sp5"data-tab="5">Пятая</li>
            </ul>

            <h3 class="equip__title">Высококачественная арматура CALEFFI</h3>
<ul class="tab-content">
	     <li class="tab-content__item js-tab-content active" data-tab="1">
                <div class="catalogue__list cataligue-list d-flex">
{% for category in categories %}
	{% if category.category_id == category_id %}
	{%  set row_counter = loop.index %}
	            <div class="catalogue-list__item d-flex slg{{row_counter}}">
                    <div class="catalogue-list-item__back">{{row_counter}}</div>
                    {{ category.name }}
					
					
					
                  </div>
				   <!-- undermenu -->
				  <div class="catalogue__undermenu catalogue-undermenu sm{{row_counter}} d-flex">
					  
                 
				  {% for subcat in category.subcat %}
				 
                    <!-- item -->
                    <div class="catalogue-undermenu__item catalogue-undermenu-item d-flex">
					
					
					<!---Подкатегория-->
                      <div class="catalogue-undermenu-item__box d-flex">
                        <img src="catalog/view/theme/forcetherm/img/test.jpg" alt="test" />
                        <!-- text -->
                        <div class="catalogue-undermenu-item__text">
                          <span>544</span>- {{subcat.name}}
						  
                          <div class="catalogue-undermenu-item__article">
                            (1 articles)
                          </div>
                        </div>
                        <i class="fas fa-file-alt"></i>
                        <i class="fas fa-paste"></i>
                        <i class="far fa-check-square"></i>
                      </div>
					  <!---------->
					   <!-- article -->
                      <div
                        class="catalogue-undermenu-item__article catal-underm-it-art"
                      >
                      <div class="catalog-undermenu-item-article__ce">
                        <i class="fas fa-info-circle"></i>
                        <p>A system installed using VNC will start in text mode by default.</p>
                      </div>
                        <table class="catal-underm-it-art-text--head">
                          <tbody>
                            <tr class="catal-underm-it-art-text--head__back">
                              <th
                                class="catal-underm-it-art-text--head__back--fir"
                              >
                                Артикул
                              </th>
                              <th
                                class="catal-underm-it-art-text--head__back--sec"
                              >
                                Соединение
                              </th>
                              <th
                                class="catal-underm-it-art-text--head__back--trd"
                              >
                                Давление срабатывания, бар
                              </th>
                              <th
                                class="catal-underm-it-art-text--head__back--fou"
                              >
                                Цена, у.е.
                              </th>
                              <th
                                class="catal-underm-it-art-text--head__back--fif"
                              >
                                Цена, руб.
                              </th>
                            </tr>
							

							{% for product in products %}
                            <tr
							
                              class="catal-underm-it-art-text--head__body"
                              onclick="window.location.href='{{ product.href }}'; return false"
                            >
                              <th class="none">
                                3452334
                              </th>
                              <th>527422 EST</th>
                              <th>1/2" x 3/4"</th>
                              <th class="none">2,25 бар</th>
                              <th class="none">{{ product.price }}</th>
                            </tr>
							{% endfor %}
                           	

                           
                          </tbody>
                        </table>
                      </div>
					  
</div>	

					{% endfor %}
</div>					

	{% endif %}
{% endfor %}
                </div>				  
         </li>
</ul>

 

Дальше я понадеялся что если в этом массиве вывести товары так 

{% for product in products %}
{% endfor %}
то он выведет именно товары из выбранной подкатегории. Но нет, он выводит все товары.

Подскажите как вывести товары конкретной категории, выбираемой? 

 

 

Змінено 28 березня 2021 користувачем Imennoy

[fanatic]

  В 28.03.2021 в 11:56, Imennoy сказав:

Но нет, он выводит все товары.

Expand  

не все, а только из текущей категории

если вам нужно разделить эти товары на под категории, нужно в контроллере корректировать формирование массива с товарами

если  я  вас правильно понял