Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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

 

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

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

Надіслати
Поділитися на інших сайтах


18 минут назад, 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 %}
то он выведет именно товары из выбранной подкатегории. Но нет, он выводит все товары.

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

 

 

Змінено користувачем Imennoy
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.