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


Главная Страница Наполнение


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

#1 1egi0n

1egi0n

    Продвинутый пользователь

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

Отправлено 14 Август 2014 - 14:06

Как можно вывести категории товаров в виде каруселей, как " Хиты продаж", "товары на главной"?

#2 Vaccina

Vaccina

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

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

Отправлено 14 Август 2014 - 23:17

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

#3 feytry

feytry

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

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

Отправлено 30 Август 2014 - 23:41

Тоже интересует вопрос. Хочется подкатегории вывести в виде карусели

#4 Сake

Сake

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

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

Отправлено 03 Сентябрь 2014 - 23:48

В шаблоне "Товары" найдите код

<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
	{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
	  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	  <div class="product-list2">
		{% FOR nested_categories_list %}<div class="main_general">
			<div>
			  <div class="product">
				<div class="product-image-wrapper goods-cat-image-medium-square">
				  <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
					<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
				  </a>
				</div>
				<div class="product-name">
				  <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
				</div>
			  </div>   
			</div>
		  </div>{% ENDFOR %}
	  </div>
	  <br clear="all"/>
	<!-- В категориях используем стандартный алгоритм отображения товаров -->

и замените его на

<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
	{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
	  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	  <div class="carousel_newproducts jcarousel-wrapper">
		<div class="header_newproducts">
			<h2>Категории</h2>
		</div>
		<div id="carousel_newproducts">
		<ul>
		{% FOR nested_categories_list %}
		  <li class="main_general">
			  <div class="product">
				<div class="product-image-wrapper goods-cat-image-medium-square">
				  <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
					<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
				  </a>
				</div>
				<div class="product-name">
				  <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
				</div>
			  </div>
		  </li>
		{% ENDFOR %}
		</ul>
		</div>
	  <a href="#" class="jcarousel-control-prev"></a>
	  <a href="#" class="jcarousel-control-next"></a> 
	  </div>
	  <br clear="all"/>
	<!-- В категориях используем стандартный алгоритм отображения товаров -->


#5 KELEN

KELEN

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

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

Отправлено 07 Февраль 2016 - 09:41

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

#6 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Февраль 2016 - 10:33

Просмотр сообщенияKELEN (07 Февраль 2016 - 09:41) писал:

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

Здравствуйте.
После применения инструкции каталог с корневыми категориями и подкатегориями у Вас теперь отображается в виде карусели.
Если необходимо выведение конкретно категорий товаров из каталога Вы просто можете назначить главной страницей "Каталог товаров (Сайт -> Главная страница-> Каталог товаров).

#7 KELEN

KELEN

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

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

Отправлено 07 Февраль 2016 - 13:31

Здорово! Все так и есть! Но возникли в связи с этим еще необходимые доработки!
Смотрите вот здесь
1. Сделать равное пространство между верхней каруселью "Категории" и последующей
2. Скажите, а как теперь текст- приветствие, что был у меня на главной отразить?))) Получается, что он теперь скрыт)
Спасибо.

И еще один вопрос, если можно:
1. Вместо Материалы СМИ в блоке новостей- сделать не меняя структуру статей-- Просто везде надпись "Бренды"
Я пробовала уже, не до конца получилось)

#8 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Февраль 2016 - 15:36

Просмотр сообщенияKELEN (07 Февраль 2016 - 13:31) писал:

Здорово! Все так и есть! Но возникли в связи с этим еще необходимые доработки!
Смотрите вот здесь
1. Сделать равное пространство между верхней каруселью "Категории" и последующей
2. Скажите, а как теперь текст- приветствие, что был у меня на главной отразить?))) Получается, что он теперь скрыт)
Спасибо.

И еще один вопрос, если можно:
1. Вместо Материалы СМИ в блоке новостей- сделать не меняя структуру статей-- Просто везде надпись "Бренды"
Я пробовала уже, не до конца получилось)

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
			 <div class="header_newproducts">
					 <h2>Категории</h2>
			 </div>
			 <div id="carousel_newproducts">

Замените на:
			 <div class="header_newproducts">
					 <h2>Категории</h2>
			 </div>
			 <div id="carousel_newproducts" class="carousel-cat">

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, добавьте в конце код:
.carousel-cat {height:270px !important;}

2. Зайдите в админ. панель -> Сайт -> Страницы -> Интернет-магазин KELEN:Модный каталог нижнего белья и интимных аксессуаров, в поле описание нажмите на кнопку "Источник", скопируйте весь код, затем зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
<div class="contentText">

Вставьте первый скопированный код сразу после.

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Список новостей, найдите код:
<div class="breadcrumbs_box">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную" class="headerNavigation1">Главная</a>
<span class="headerNavigation">{NEWS_SECTION_NAME}</span>
</div>
<h1 class="heading_title">{NEWS_SECTION_NAME}</h1>

Замените на:
<div class="breadcrumbs_box">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную" class="headerNavigation1">Главная</a>
<span class="headerNavigation">{% IF NEWS_SECTION_NAME=Материалы СМИ %}Бренды{% ELSE %}{NEWS_SECTION_NAME}{% ENDIF %}</span>
</div>
<h1 class="heading_title">{% IF NEWS_SECTION_NAME=Материалы СМИ %}Бренды{% ELSE %}{NEWS_SECTION_NAME}{% ENDIF %}</h1>


#9 KELEN

KELEN

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

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

Отправлено 07 Февраль 2016 - 17:51

Все получилось, спасибо, большое!!! Только я еще воспользовалась способом текстового описания каталога вот из этой темы форума  и снова нужна доработка)))

1. Сделать   текст, который находится  между каруселью "Категории" и каруселью "Товары на главной" на равном расстоянии от верхней и нижней  каруселей.

#10 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Февраль 2016 - 18:04

Просмотр сообщенияKELEN (07 Февраль 2016 - 17:51) писал:

Все получилось, спасибо, большое!!! Только я еще воспользовалась способом текстового описания каталога вот из этой темы форума  и снова нужна доработка)))

1. Сделать   текст, который находится  между каруселью "Категории" и каруселью "Товары на главной" на равном расстоянии от верхней и нижней  каруселей.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.carousel-cat {height:270px !important;}

Замените на:
.carousel-cat {height:270px !important;margin-bottom: 10px !important;}
.index-content {margin-bottom:40px;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
  <div class="box htmlDataBlock">

Замените на:
  <div class="index-content box htmlDataBlock">


#11 KELEN

KELEN

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

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

Отправлено 07 Февраль 2016 - 18:30

Огромная благодарность! Все получилось!




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

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