Перейти к содержимому


Как Сделать Категории В Каталоге Товаров


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 27 Декабрь 2015 - 16:25

Здравствуйте! Не получается сделать категории товаров, в каталоге, отображаются сразу все товары. Пыталась сделать как говорили в одной из тем но не получается. Прикрепляю как есть 1 и как хотелось бы 2. Аккаунт SL-368324

Прикрепленные изображения

  • Снимок1.JPG
  • Снимок3.JPG


#2 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 28 Декабрь 2015 - 14:57

Просмотр сообщенияАнастасияFav (27 Декабрь 2015 - 16:25) писал:

Здравствуйте! Не получается сделать категории товаров, в каталоге, отображаются сразу все товары. Пыталась сделать как говорили в одной из тем но не получается. Прикрепляю как есть 1 и как хотелось бы 2. Аккаунт SL-368324


Здравствуйте, вопрос еще актуален?

#3 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 30 Декабрь 2015 - 12:12

С этим разобралась, извиняюсь, просто не внимательно сделала сначала, потом всё получилось :)
Но сейчас, новая проблема, хочу сделать подразделы в каталоге, не могу найти информацию. Сейчас попытаюсь прикрепить изображение как нужно сделать.


Снимок1.JPG

#4 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 30 Декабрь 2015 - 12:54

Просмотр сообщенияАнастасияFav (30 Декабрь 2015 - 12:12) писал:

С этим разобралась, извиняюсь, просто не внимательно сделала сначала, потом всё получилось :)
Но сейчас, новая проблема, хочу сделать подразделы в каталоге, не могу найти информацию. Сейчас попытаюсь прикрепить изображение как нужно сделать.


Прикрепленный файл Снимок1.JPG


Здравствуйте, создать подраздел в каталоге товаров можно зайти в товары-товары, слева будет  "Каталог товаров на сайте", нажимаете правой кнопкой, выбираете "Создать подраздел"


QIP Shot - Screen 092.png


Если это не то, что Вы имели ввиду, то уточните, пожалуйста.

#5 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 30 Декабрь 2015 - 13:20

Извиняюсь, не точно сформулировала. Я имею ввиду сделать к примеру в разделе МАТРАСЫ подразделы НЕЗАВИСИМЫЙ БЛОК, ЗАВИСИМЫЙ БЛОК, БЕСПРУЖИННЫЕ, ДЕТСКИЕ и т.п. что бы отображались не все подряд, а как к примеру когда нажимаешь на КАТАЛОГ где меню с изображениями , вот такое же меню  сделать бы и в категории МАТРАСЫ. :)

#6 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 30 Декабрь 2015 - 14:56

Просмотр сообщенияАнастасияFav (30 Декабрь 2015 - 13:20) писал:

Извиняюсь, не точно сформулировала. Я имею ввиду сделать к примеру в разделе МАТРАСЫ подразделы НЕЗАВИСИМЫЙ БЛОК, ЗАВИСИМЫЙ БЛОК, БЕСПРУЖИННЫЕ, ДЕТСКИЕ и т.п. что бы отображались не все подряд, а как к примеру когда нажимаешь на КАТАЛОГ где меню с изображениями , вот такое же меню  сделать бы и в категории МАТРАСЫ. :)

В шаблоне товары сверху добавьте код:

<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<div class="categories row {% IF index_page %}index{% ENDIF %}">
{% FOR nested_categories_list %}
	 <div class="item {% IF index_page %}col-md-3 col-sm-4 col-sms-6 col-smb-12{% ELSE %}col-sm-4 {% ENDIF %}">
	 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
		 <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
	 </a>
	 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
	 </div>
{% ENDFOR %}
</div>
<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
{% IF goods_empty=0 %}
<div class="categories row">
	 {% FOR nested_categories_list %}
	 <div class="item col-sm-4">
		 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
		 <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		 </a>
		 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
	 </div>
	 {% ENDFOR %}
</div>
{% ENDIF %}
{%ENDIF%}



Затем в конце main.css  добавьте код:

.item.col-sm-4 {
width: 25%;
display: inline-block;
margin: 0 auto;
}
.categories.row {
margin-bottom: 20px;
}
.item.col-sm-4 a {
display: block;
text-align:center;
margin: 0 auto;
}
.item.col-sm-4 a img {
max-width:100%;
max-height:100%;
margin:0 auto;
}
.item.col-sm-4 .image {
margin-bottom: 20px;
}


#7 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 30 Декабрь 2015 - 15:47

спасибо, сейчас попробую.

#8 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 30 Декабрь 2015 - 16:01

Нее не получилось. Можно по другому, можно ли скопировать раздел к примеру у меня ПРОИЗВОДИТЕЛИ?  я потом переименую его и сделаю  этот раздел с названием МАТРАСЫ и в него уже сделаю подразделы с изображениями.о которых писала выше,

#9 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 30 Декабрь 2015 - 16:16

Просмотр сообщенияАнастасияFav (30 Декабрь 2015 - 16:01) писал:

Нее не получилось. Можно по другому, можно ли скопировать раздел к примеру у меня ПРОИЗВОДИТЕЛИ?  я потом переименую его и сделаю  этот раздел с названием МАТРАСЫ и в него уже сделаю подразделы с изображениями.о которых писала выше,


Извините, нужно добавить код:

<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<div class="categories row {% IF index_page %}index{% ENDIF %}">
	 {% FOR nested_categories_list %}
		 <div class="item {% IF index_page %}col-md-3 col-sm-4 col-sms-6 col-smb-12{% ELSE %}col-sm-4 {% ENDIF %}">
			 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
				 <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			 </a>
			 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
		 </div>
	 {% ENDFOR %}
</div>
<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
{% IF goods_empty=0 %}
	 <div class="categories row">
		 {% FOR nested_categories_list %}
			 <div class="item col-sm-4">
				 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
					 <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
				 </a>
				 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
			 </div>
		 {% ENDFOR %}
	 </div>
{% ENDIF %}
{%ENDIF%}


в шаблон товары.


Соответственно в шаблоне Товар удалите его.

#10 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 30 Декабрь 2015 - 19:39

ок, спасибо, сейчас попробую

#11 АнастасияFav

АнастасияFav

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 04 Январь 2016 - 13:06

Здравствуйте! получилось, но одним огрехом, как поднять панельку?

Прикрепленные изображения

  • Screenshot_4 copy.jpg


#12 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 06 Январь 2016 - 09:51

Просмотр сообщенияАнастасияFav (04 Январь 2016 - 13:06) писал:

Здравствуйте! получилось, но одним огрехом, как поднять панельку?


Здравствуйте,  код из инструкции вставляйте после кода:


<div class="crumbs clr">
<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a>
	 <!-- Если отображаем полный каталог товаров, без указания категории -->
	 {% IF IS_FULL_CATALOG %}
		 &raquo; <span class="current fnt12 b">Каталог товаров</span>
		 <!-- Если отображаем товары в категории -->
	 {% ELSE %}
		 {% FOR upper_navigation %}
			 {% IF upper_navigation.CURRENT %}
				 &raquo; <span class="current fnt12 b">{upper_navigation.NAME}</span>
			 {% ELSEIF upper_navigation.CURRENT_PARENT %}
				 &raquo; <a href="{upper_navigation.URL}">{upper_navigation.NAME}</a>
			 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
</div>
</div>


если Вам название категории так же нужно поднять, тогда вставляйте код из инструкции после кода:


<div class="crumbs clr">
<div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a>
	 <!-- Если отображаем полный каталог товаров, без указания категории -->
	 {% IF IS_FULL_CATALOG %}
		 &raquo; <span class="current fnt12 b">Каталог товаров</span>
		 <!-- Если отображаем товары в категории -->
	 {% ELSE %}
		 {% FOR upper_navigation %}
			 {% IF upper_navigation.CURRENT %}
				 &raquo; <span class="current fnt12 b">{upper_navigation.NAME}</span>
			 {% ELSEIF upper_navigation.CURRENT_PARENT %}
				 &raquo; <a href="{upper_navigation.URL}">{upper_navigation.NAME}</a>
			 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
</div>
</div>
<div class="contenttext clr">
<h1 class="title">{CATEGORY_NAME}</h1>
</div>

Прикрепленные изображения

  • QIP Shot - Screen 097.png





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных