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


Как Поменять Цвет Категорий И Подкатегорий В Каталоге Товаров

Автор Vitaliy888, 20 июля 2013 19:02

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

#1 Vitaliy888

Vitaliy888

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

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

Отправлено 20 Июль 2013 - 19:02

Есть сайт http://vtope.su/ (шаблон сияние).
Немного запутался с выбором цвета категорий, подкатегорий (1-й вложенности) и подподкатегорий (2-й вложенности) в каталоге товара, помогите пожалуйста разобраться. Заранее спасибо.

В дальнейшем цвет категорий и подкатегорий сам подберу и вставлю.
1. Начнем с верхней категории, например нажимаем категорию "товары для офиса", она выделяется черным шрифтом, появляются подкатегории например цвет - зелёный  (как у нас на сайте).
2. Далее жмём например подкатегорию "калькуляторы" , хочется, что бы сама категория "Товары для офиса" оставалась выделена черным шрифтом, а подкатегория выделялась например серым цветом (так же выделена жирным шрифтом).
3. Далее  например нажимаем подподкатегорию "Калькуляторы графические", хочется, что бы она тоже цвет поменяла например на синий, а верхняя подкатегория "Калькуляторы"   тоже выделялась жирным шрифтом и оставалась например серым цветом, а сама категория "товары для офиса", так и оставалась черным цветом с выделенным шрифтом.
4. Возможно ли такое, когда жмёшь на категорию либо подкатегорию она открывается, а когда жмёшь второй раз на данные категории, что бы они закрывались (убирались), а то они закрываются только тогда, когда открываешь другие категории.

#2 miyako

miyako

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

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

Отправлено 22 Июль 2013 - 13:27

Просмотр сообщенияVitaliy888 (20 Июль 2013 - 19:02) писал:

Есть сайт http://vtope.su/ (шаблон сияние).
Немного запутался с выбором цвета категорий, подкатегорий (1-й вложенности) и подподкатегорий (2-й вложенности) в каталоге товара, помогите пожалуйста разобраться. Заранее спасибо.

В дальнейшем цвет категорий и подкатегорий сам подберу и вставлю.
1. Начнем с верхней категории, например нажимаем категорию "товары для офиса", она выделяется черным шрифтом, появляются подкатегории например цвет - зелёный  (как у нас на сайте).
2. Далее жмём например подкатегорию "калькуляторы" , хочется, что бы сама категория "Товары для офиса" оставалась выделена черным шрифтом, а подкатегория выделялась например серым цветом (так же выделена жирным шрифтом).
3. Далее  например нажимаем подподкатегорию "Калькуляторы графические", хочется, что бы она тоже цвет поменяла например на синий, а верхняя подкатегория "Калькуляторы"   тоже выделялась жирным шрифтом и оставалась например серым цветом, а сама категория "товары для офиса", так и оставалась черным цветом с выделенным шрифтом.
4. Возможно ли такое, когда жмёшь на категорию либо подкатегорию она открывается, а когда жмёшь второй раз на данные категории, что бы они закрывались (убирались), а то они закрываются только тогда, когда открываешь другие категории.

Найдите код в шаблоне Товар:
<!-- Каталог -->
			 <div class="pad-box">
			 <ul class="leftmenu">
				 <li class="categories"><h2>Каталог товаров</a></h2>
				 <ul>
				 {%IFNOT catalog_empty %}
					 {% FOR catalog %}
			
					 {% IFNOT catalog.HIDE %}
						 <li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22 !important;"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>
					 {% ENDIF %}
					 {% ENDFOR %}
				 {% ENDIF %}
				 </ul><br />
				 </li>
и замените на:
<!-- Каталог -->
			 <div class="pad-box">
			 <ul class="leftmenu">
				 <li class="categories"><h2>Каталог товаров</a></h2>
				 <ul>
				 {%IFNOT catalog_empty %}
					 {% FOR catalog %}
					 {% IF catalog.LEVEL>1%}
					 <style type="text/css">
					 .cat-item a.selected{color:blue !important;}
					 </style>
					 {% ELSEIF  catalog.LEVEL>2%}
					 <style type="text/css">
					 .cat-item a.selected{color:red !important;}
					 </style>
					 {% ENDIF %}
					 {% IFNOT catalog.HIDE %}
						 <li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>
					 {% ENDIF %}
					 {% ENDFOR %}
				 {% ENDIF %}
				 </ul><br />
				 </li>

Замените blue и red на Ваши цвета.

#3 Vitaliy888

Vitaliy888

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

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

Отправлено 23 Июль 2013 - 08:36

Доброе утро!
Спасибо большое, всё как Вы написали, нашёл в шаблоне HTML код и заменил его, но почему-то  ничего не произошло. Жду Вашего ответа.

#4 miyako

miyako

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

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

Отправлено 23 Июль 2013 - 13:07

Просмотр сообщенияVitaliy888 (23 Июль 2013 - 08:36) писал:

Доброе утро! Спасибо большое, всё как Вы написали, нашёл в шаблоне HTML код и заменил его, но почему-то ничего не произошло. Жду Вашего ответа.

Не нашла у Вас кода из сообщения - http://forum.storela...-ка/#entry80294
Проделайте пожалуйста еще раз изменения в шаблоне HTML и оставьте их на сайте.

#5 Vitaliy888

Vitaliy888

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

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

Отправлено 23 Июль 2013 - 14:06

Код на сайте разместил. Выделяется название, только то, на которое нажимаешь и всё (она и так выделялась). Заранее спасибо и жду Вашего ответа.

#6 Vaccina

Vaccina

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

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

Отправлено 24 Июль 2013 - 02:40

Используйте следующий код каталога

<!-- Каталог -->
						 <div class="pad-box">
						 <ul class="leftmenu">
								 <li class="categories"><h2>Каталог товаров</a></h2>
								 <ul>
								 {%IFNOT catalog_empty %}
										 {% FOR catalog %}
										 {% IFNOT catalog.HIDE %}
												 <li class="cat-item {% IF catalog.FIRST %} first{% IF catalog.LEVEL = 0 %} root{% ENDIF %} level{%catalog.LEVEL%} {% IF catalog.CURRENT %} current{% catalog.CURRENT_PARENT %} parrent{% ENDIF %} {% IFNOT catalog.ISSET_SUB %} sub{% ENDIF %}">
												 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
												 >{catalog.NAME}</a>
												 </li>
										 {% ENDIF %}
										 {% ENDFOR %}
								 {% ENDIF %}
								 </ul><br />
								 </li>

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

#7 Vitaliy888

Vitaliy888

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

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

Отправлено 24 Июль 2013 - 12:35

1. Добрый день. Вставляю Ваш код, вообще не сохраняет, пишет: "Ошибка компиляции шаблона. Неверный синтаксис и т.д.".  Помогите пожалуйста. если, что то надо изменить в этом коде, напишите. Спасибо.
2. У нас старый шаблон "Сияние". Как обновить его до новой версии, что бы остался дизайн и вся информация на сайте?

Заранее благодарен и хорошего дня!!!

#8 miyako

miyako

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

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

Отправлено 24 Июль 2013 - 13:09

Просмотр сообщенияVitaliy888 (24 Июль 2013 - 12:35) писал:

1. Добрый день. Вставляю Ваш код, вообще не сохраняет, пишет: "Ошибка компиляции шаблона. Неверный синтаксис и т.д.".  Помогите пожалуйста. если, что то надо изменить в этом коде, напишите. Спасибо.
2. У нас старый шаблон "Сияние". Как обновить его до новой версии, что бы остался дизайн и вся информация на сайте?

Заранее благодарен и хорошего дня!!!

1) Код:
<!-- Каталог -->
												 <div class="pad-box">
												 <ul class="leftmenu">
																 <li class="categories"><h2>Каталог товаров</a></h2>
																 <ul>
																 {%IFNOT catalog_empty %}
																				 {% FOR catalog %}
																				 {% IFNOT catalog.HIDE %}
																								 <li class="cat-item {% IF catalog.FIRST %} first{% IF catalog.LEVEL = 0 %} root{% ENDIF %} level{%catalog.LEVEL%} {% IF catalog.CURRENT %} current{% catalog.CURRENT_PARENT %} parrent{% ENDIF %} {% IFNOT catalog.ISSET_SUB %} sub{% ENDIF %}">
																								 <a href="{catalog.URL}"
																												 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
																												 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
																								 >{catalog.NAME}</a>
																								 </li>
																				 {% ENDIF %}
																				 {% ENDFOR %}
																 {% ENDIF %}
																 </ul><br />
																 </li>
замените на:
<!-- Каталог -->
						 <div class="pad-box">
						 <ul class="leftmenu">
								 <li class="categories"><h2>Каталог товаров</a></h2>
								 <ul>
								 {%IFNOT catalog_empty %}
										 {% FOR catalog %}
																				 {% IFNOT catalog.HIDE %}
																								 <li class="cat-item {% IF catalog.FIRST %} first {%ENDIF%} {% IF catalog.LEVEL = 0 %} root{% ENDIF %} level{%catalog.LEVEL%} {% IF catalog.CURRENT %} current{% catalog.CURRENT_PARENT %} parrent{% ENDIF %} {% IFNOT catalog.ISSET_SUB %} sub{% ENDIF %}">
																								 <a href="{catalog.URL}"
																												 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
																												 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
																								 >{catalog.NAME}</a>
																								 </li>
																				 {% ENDIF %}
																				 {% ENDFOR %}
								 {% ENDIF %}
								 </ul><br />
								 </li>

#9 Vitaliy888

Vitaliy888

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

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

Отправлено 24 Июль 2013 - 13:37

Спасибо, всё вставилось, но изменений так и не увидел. Может подскажете, какие значения в этом коде требуется поменять?

И подскажите пожалуйста как обновить шаблон "Сияние", что бы не слетела шапка дизайна.

Заранее благодарен.

#10 Vaccina

Vaccina

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

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

Отправлено 25 Июль 2013 - 01:47

1. Вам подсказали как заменить код, чтобы обойти ошибку, ошибки компиляции шаблона больше не возникает?
2. У вас в шапке стоит картинка с элементами, достаточно ее будет по новой загрузить. Но лучше сохранить в разделе Редактор шаблонов бэк ап, скачать его себе, сменить тему сияние и перенести изменения. Как понимаю, вам необходимо обновить тему для добавления новых функций, какие вам необходимы?

#11 Vitaliy888

Vitaliy888

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

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

Отправлено 25 Июль 2013 - 11:24

Добрый день! Ошибка компиляции не возникает, но что я писал в задании ничего этого не произошло (всё осталось на прежнем уровне - на какую категорию или подкатегорию нажимаем, та и выделяется).
А хотелось бы:<p>Нажимаем например на категорию "товары для офиса", она выделяется черным шрифтом, снизу появляются подкатегории например цвет - зелёный  (как у нас на сайте).
<span style="color: rgb(40, 40, 40); line-height: 22px; font-family: Arial, Tahoma, Verdana, sans-serif;"><span style="font-size: 12px;">2. Далее жмём например подкатегорию "калькуляторы" ,

Вот текст:
Хпотелось бы:
1. Например нажимаем категорию "товары для офиса", она выделяется черным шрифтом, появляются подкатегории например цвет - зелёный  (как у нас на сайте).
2. Далее жмём например подкатегорию "калькуляторы" , хочется, что бы сама категория "Товары для офиса" оставалась выделена черным шрифтом, а подкатегория выделялась например серым цветом (так же выделена жирным шрифтом).
3. Далее  например нажимаем подподкатегорию "Калькуляторы графические", хочется, что бы она тоже цвет поменяла например на синий, а верхняя подкатегория "Калькуляторы"   так же выделялась жирным шрифтом и оставалась например серым цветом, а сама категория "товары для офиса", так и оставалась черным цветом с выделенным шрифтом.

#12 Vaccina

Vaccina

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

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

Отправлено 26 Июль 2013 - 03:43

Пожалуйста, замените код каталога
<!-- Каталог -->
												 <div class="pad-box">
												 <ul class="leftmenu">
																 <li class="categories"><h2>Каталог товаров</a></h2>
																 <ul>
																 {%IFNOT catalog_empty %}
																				 {% FOR catalog %}
																																								 {% IFNOT catalog.HIDE %}
																																																 <li class="cat-item {% IF catalog.FIRST %} first {%ENDIF%} {% IF catalog.LEVEL = 0 %} root{% ENDIF %} level{%catalog.LEVEL%} {% IF catalog.CURRENT %} current{% catalog.CURRENT_PARENT %} parrent{% ENDIF %} {% IFNOT catalog.ISSET_SUB %} sub{% ENDIF %}">
																																																 <a href="{catalog.URL}"
																																																								 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
																																																								 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
																																																 >{catalog.NAME}</a>
																																																 </li>
																																								 {% ENDIF %}
																																								 {% ENDFOR %}
																 {% ENDIF %}
																 </ul><br />
																 </li>

на следующий код
<!-- Каталог -->
												 <div class="pad-box">
												 <ul class="leftmenu">
																 <li class="categories"><h2>Каталог товаров</a></h2>
																 <ul>
																 {%IFNOT catalog_empty %}
																				 {% FOR catalog %}
																				 {% IFNOT catalog.HIDE %}
																								 <li class="cat-item {% IF catalog.FIRST %} first{% ENDIF %}{% IF catalog.LEVEL = 0 %} root{% ENDIF %} level{catalog.LEVEL} {% IF catalog.CURRENT %} current{% ENDIF %}{% IF catalog.CURRENT_PARENT %} parrent{% ENDIF %} {% IFNOT catalog.ISSET_SUB %} sub{% ENDIF %}">
																								 <a href="{catalog.URL}"
																												 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
																												 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
																								 >{catalog.NAME}</a>
																								 </li>
																				 {% ENDIF %}
																				 {% ENDFOR %}
																 {% ENDIF %}
																 </ul><br />
																 </li>

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

#13 Vitaliy888

Vitaliy888

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

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

Отправлено 30 Июль 2013 - 13:01

Добрый день!
Код в каталоге поменял, спасибо. Жду Вашего ответа!

Хорошего дня!!!

#14 Vaccina

Vaccina

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

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

Отправлено 31 Июль 2013 - 01:46

Попробуйте добавить в ваш файл стилей main.css следующие стили
.leftmenu li li.parrent.root a {
	color: #000000;
	font-weight: bold;
}

.leftmenu li li.level1.current a,
.leftmenu li li.level1.parrent a {
	color: #818181 !important;
font-weight: bold !important;
}
.leftmenu li li.level2.current a,
.leftmenu li li.level2.parrent a {
	color: #0084FF !important;
font-weight: bold !important;
}

#15 Vitaliy888

Vitaliy888

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

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

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

Огромное Вам спасибо!!!

Всё получилось!!! Отличнейшего Вам настроения!!!

#16 Vitaliy888

Vitaliy888

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

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

Отправлено 16 Август 2013 - 12:54

Добрейшего Дня!!!

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

У нас на сайте например - цвет названий категорий - синий; покатегорий-зелёный и подподкатегрий - зелёный.
Требуется, что бы все названия в подкатегориях или подподкатегориях меняли цвет при открытии их. Чтобы было видно разграничение категорий по цвету. Например Цвет товара основных категорий - синий, цвет подкатегорий - зелёный, цвет подподкатегорий - фиолетовый.
Заранее благодарен. Жду Вашего ответа и Хорошего настроения!!!

#17 Vaccina

Vaccina

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

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

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

Пожалуйста, сообщите подробнее о каких категориях идет речь, вы имеете в виду хлебные крошки? Вида "Главная » Каталог товаров » Товары для дома » Посуда » Алюминиевая посуда"?

#18 Vitaliy888

Vitaliy888

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

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

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

Доброе утро! Да!
Проще говоря у нас на сайте в каталоге товара 3 вложенности категорий. Покажите где можно поменять цвет категорий и подкатегорий, что бы они не сливались друг с другом (что бы получилось 3 разных цвета категорий по вложенности (например синий-основная категория, зелёный-вложенная подкатегория, фиолетовый-вложенная подподкатегория)).
В каталоге товара например все товары в основной категории синим цветом, нажимаем например "товары для дома" появляется вложенная подкатегория (все наименования пусть будут зелёным цветом), в этой подкатегории например нажимаем "Посуда" появляются названия подподкатегорий (Алюминивая посуда, изделия и з керамики и т.д.), она у нас отображена тоже зелёным цветом и сливается с подкатегорией, а хочется, что бы все названия данной категории были разными цветами.

Заранее спасибо и жду вашего ответа!

#19 Absolem

Absolem

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

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

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

Менять цвета категорий можно в main.css в коде - 
.leftmenu li li.parrent.root a {
		color: #000000;
		font-weight: bold;
}
.leftmenu li li.level1.current a,
.leftmenu li li.level1.parrent a {
		color: #818181 !important;
font-weight: bold !important;
}
.leftmenu li li.level2.current a,
.leftmenu li li.level2.parrent a {
		color: #0084FF !important;
font-weight: bold !important;
}
Где color: Ваш цвет.
Так для каждого уровня категорий

#20 Vitaliy888

Vitaliy888

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

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

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

Добрый день!

В этом коде можно поменять цвет только одного названия категории либо подкатегории на которое жмёшь и всё. А требуется поменять цвет всех названий подкатегорий разом в которой находишься. Например у нас на сайте три вложенности категорий. Первая вложенность - синий цвет, Вторая вложенность - зелёный цвет, третья вложенность - зелёный цвет. Покажите наглядно где можно изменить цвета данных вложенных категорий. Заранее благодарен. Жду Вашего ответа.
Обратно в Другие вопросы


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Другие вопросы
  4. Privacy Policy