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


Карусель Из Категорий


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

#1 Brendi

Brendi

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

  • Пользователи
  • PipPipPipPip
  • 719 сообщений
  • ГородНорильск

Отправлено 07 Август 2013 - 15:04

Как сделать на главной в карусели картинки категорий, и чтобы при клике на картинку можно было попасть в категорию, которой она соответствует?

#2 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 08 Август 2013 - 03:37

Как я понимаю вы хотите заменить вывод товаров в карусели на категории? Если да, то вы можете заменить в шаблоне "HTML" код

<div class="mycont">
		<ul class="mycarousel">
		  {% FOR index_page_goods %}
			<li>
			  <h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
			  <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
				<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			  </div>
			  <div class="price">
				<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
				{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
				  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			  <div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF index_page_goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>
			  <div class="buy-item">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
				  <div>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
					<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
					<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
				  </div>
				</form>
			  </div>
			  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
				  {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
					<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				  {% ELSE %}
					<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				  {% ENDIF %}
				{% ENDIF %}
			  {% ENDIF %}
			</li>
		  {% ENDFOR %}
		</ul>
	  </div>
	  {% ENDIF %}
	  <!-- /Список товаров на главной -->

на следующий

<div class="mycont">
		<ul class="mycarousel">
		  {% FOR catalog %}
			<li>
			  <h3><a title="{catalog.NAME}" href="{catalog.URL | url_amp}" style="height:100px;">{catalog.NAME}</a></h3>
			  <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
				<a title="{catalog.NAME}" href="{catalog.URL | url_amp}">
				 <img alt="{catalog.NAME}" src="{% IF catalog.NAME=Название категории 1%}ссылка на изображение 1{% ELSEIF catalog.NAME=Название категории 2%}ссылка на изображение 2{% ELSEIF catalog.NAME=Название категории 3%}ссылка на изображение 3{% ELSEIF catalog.NAME=Название категории 4%}ссылка на изображение 4{% ENDIF %}" />
				</a>
			  </div>
			</li>
		  {% ENDFOR %}
		</ul>
	  </div>
	  {% ENDIF %}
	  <!-- /Список товаров на главной -->

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

{% IF catalog.NAME=Название категории 1%}ссылка на изображение 1{% ELSEIF catalog.NAME=Название категории 2%}ссылка на изображение 2{% ELSEIF catalog.NAME=Название категории 3%}ссылка на изображение 3{% ELSEIF catalog.NAME=Название категории 4%}ссылка на изображение 4{% ENDIF %}

т.е название категории - адрес до изображения.

#3 Brendi

Brendi

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

  • Пользователи
  • PipPipPipPip
  • 719 сообщений
  • ГородНорильск

Отправлено 08 Август 2013 - 09:26

Что-то не получилось, пока вернула все как было. Хотела, чтобы все категории и подкатегории отображались в карусели, на каждую у меня в админке задан рисунок, чтобы этот рисунок и отображался, и при клике на картинку человек попадал бы в категорию или подкатегорию. Наверно, я что-то не так делаю, у меня получилось так, то есть только категории без подкатегорий, и без изображений:

2013-08-08 14.11.13.jpg

<div class="mycont">
			 <ul class="mycarousel">
				 {% FOR catalog %}
					 <li>
						 <h3><a title="{catalog.NAME}" href="{catalog.URL | url_amp}" style="height:100px;">{catalog.NAME}</a></h3>
						 <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
							 <a title="{catalog.NAME}" href="{catalog.URL | url_amp}">
								 <img alt="{catalog.NAME}" src="{% IF catalog.NAME=Белье 1%}http://norintim.ru/catalog/Bele 1{% ELSEIF catalog.NAME=Ролевые образы 2%}http://norintim.ru/catalog/Rolevye-obrazy 2{% ELSEIF catalog.NAME=Косметика и препараты 3%}http://norintim.ru/catalog/Kosmetika-i-preparaty 3{% ELSEIF catalog.NAME=Вибраторы 4%}http://norintim.ru/catalog/Vibratory 4{% ELSEIF catalog.NAME=Фаллоимитаторы 5%}http://norintim.ru/catalog/Falloimitatory 5{% ELSEIF catalog.NAME=Вагинальные шарики 6%}http://norintim.ru/catalog/Vaginalnye-shariki 6{% ELSEIF catalog.NAME=Анальные стимуляторы 7%}http://norintim.ru/catalog/Analnye-stimulyatory 7{% ELSEIF catalog.NAME=BDSM 8%}http://norintim.ru/catalog/Aksessuary-dlya-igr-i-BDSM 8{% ELSEIF catalog.NAME=Для мужчин 9%}http://norintim.ru/catalog/Dlya-muzhchin 9{% ELSEIF catalog.NAME=Кольца и насадки 10%}http://norintim.ru/catalog/Kolca-i-nasadki 10{% ENDIF %}" />
							 </a>
						 </div>
					 </li>
				 {% ENDFOR %}
			 </ul>
		 </div>
		 {% ENDIF %}
		 <!-- /Список товаров на главной -->


#4 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 09 Август 2013 - 02:11

Цитата

только категории без подкатегорий

Вам необходимо отображать и подкатегории? Для этого используйте код

<div class="mycont">
				<ul class="mycarousel">
				  {% FOR catalog_full %}
						<li>
						  <h3><a title="{catalog_full.NAME}" href="{catalog_full.URL | url_amp}" style="height:100px;">{catalog_full.NAME}</a></h3>
						  <div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
								<a title="{catalog_full.NAME}" href="{catalog_full.URL | url_amp}">
								 <img alt="{catalog_full.NAME}" src="{% IF catalog_full.NAME=Название категории 1%}ссылка на изображение 1{% ELSEIF catalog_full.NAME=Название категории 2%}ссылка на изображение 2{% ELSEIF catalog_full.NAME=Название категории 3%}ссылка на изображение 3{% ELSEIF catalog_full.NAME=Название категории 4%}ссылка на изображение 4{% ENDIF %}" />
								</a>
						  </div>
						</li>
				  {% ENDFOR %}
				</ul>
		  </div>
		  {% ENDIF %}
		  <!-- /Список товаров на главной -->


т.е необходимо было заменить catalog на catalog_full

Цитата

и без изображений

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

{% ELSEIF catalog.NAME=Вагинальные шарики 6%}http://norintim.ru/catalog/Vaginalnye-shariki 6{% ELSEIF catalog.NAME=Анальные стимуляторы 7%}

А должны были задать ссылки на изображения.

#5 288olia

288olia

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

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

Отправлено 02 Март 2016 - 20:37

Здравствуйте!
Возможно ли сделать на главную страницу вывод Категорий товаров? Наименование категории + фото категории. При нажатии на блок - переход в Категорию.

Изображение

#6 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Март 2016 - 05:15

Для этого зайдите в раздел Сайт - Главная страница - в нем выберите "Каталог товаров"

#7 288olia

288olia

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

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

Отправлено 03 Март 2016 - 14:08

Просмотр сообщенияVaccina (03 Март 2016 - 05:15) писал:

Для этого зайдите в раздел Сайт - Главная страница - в нем выберите "Каталог товаров"

Спасибо, поняла.




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

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