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


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


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

#21 Absolem

Absolem

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

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

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

Синий цвет изменяется в коде -
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #1E90FF;
text-decoration: none;
Зеленый - код в шаблоне HTML -
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{% ENDIF %}
Замените на -
{% IF catalog.LEVEL=1%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#228B22;"{%ELSEIF catalog.LEVEL>1%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:pink;"{% ENDIF %}
color:(#228B22 - заменить на Ваш цвет) color:(pink -заменить на Ваш цвет)

#22 vanyushka

vanyushka

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

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

Отправлено 09 Сентябрь 2013 - 01:00

Здравствуйте! Я прочел темы на форуме, но не могу разобраться. Мне надо в главном левом меню сделать вываливающиеся подкатегории синим цветом (таким, как номер телефона в шапке). Где и что мне надо изменить?

#23 miyako

miyako

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

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

Отправлено 09 Сентябрь 2013 - 10:58

Просмотр сообщенияipodushkin (09 Сентябрь 2013 - 01:00) писал:

Здравствуйте! Я прочел темы на форуме, но не могу разобраться. Мне надо в главном левом меню сделать вываливающиеся подкатегории синим цветом (таким, как номер телефона в шапке). Где и что мне надо изменить?

Магазин knigsobranie.ru

Чтобы сделать выплывающее меню воспользуйтесь инструкцией - http://forum.storela...еста/#entry2083

#24 lev731

lev731

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

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

Отправлено 24 Декабрь 2013 - 14:10

Здравствуйте. Подскажите пожалуйста как мне выделить цветом одну категорию в каталоге.

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

  • заголовок.png
  • подкатегории.png


#25 ne_yana

ne_yana

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

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

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

Просмотр сообщенияlev731 (24 Декабрь 2013 - 14:10) писал:

Здравствуйте. Подскажите пожалуйста как мне выделить цветом одну категорию в каталоге.
Здравствуйте, в разделе HTML замените
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
на
{% IF catalog.LEVEL>0%}style="color: green; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

Вместо green укажите код нужного цвета.

#26 lev731

lev731

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

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

Отправлено 24 Декабрь 2013 - 19:53

Просмотр сообщенияne_yana (24 Декабрь 2013 - 16:01) писал:

Здравствуйте, в разделе HTML замените
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
на
{% IF catalog.LEVEL>0%}style="color: green; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

Вместо green укажите код нужного цвета.

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

Ну да ладно, пока я думал и искал как всё же лучьше реализовать свою идею нарисовался новый план...

Можно ли сделать так, что бы данную категорию (на скрине) можно было показывать только авторизованным пользователям, а для всеобщего обозрения именно эту категорию скрывать?

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

  • Безымянный.png


#27 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2013 - 05:06

Найдите:
<li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>
замените на:
{% IF CLIENT_IS_LOGIN && catalog.NAME= ПО "Рублик" %}
<li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>{% ENDIF %}


#28 lev731

lev731

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

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

Отправлено 25 Декабрь 2013 - 13:10

Просмотр сообщенияVaccina (25 Декабрь 2013 - 05:06) писал:

Найдите:
<li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
						 </li>
замените на:
{% IF CLIENT_IS_LOGIN && catalog.NAME= ПО "Рублик" %}
<li class="cat-item">
						 <a href="{catalog.URL}"
							 {% IF catalog.LEVEL>0%}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						 >{catalog.NAME}</a>
</li>{% ENDIF %}

Сделал как Вы написали - выдаёт ошибку...

#29 miyako

miyako

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

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

Отправлено 25 Декабрь 2013 - 13:54

Просмотр сообщенияlev731 (25 Декабрь 2013 - 13:10) писал:

Сделал как Вы написали - выдаёт ошибку...

скорее всего ошибка возникает из-за кавычек в имени категории ПО "Рублик", нужно отредактировать имя категории и соответственно изменить в коде

#30 lev731

lev731

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

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

Отправлено 25 Декабрь 2013 - 14:00

Просмотр сообщенияmiyako (25 Декабрь 2013 - 13:54) писал:

скорее всего ошибка возникает из-за кавычек в имени категории ПО "Рублик", нужно отредактировать имя категории и соответственно изменить в коде

Убрал ковычки - и вот что получилось

1) Пропала не одна категория как хотелось (ПО Рублик), а все категории из меню скрылись....
2) Авторизуемся и заходим в кабинет - видим, что в меню появилась наша категория,,, но теперь она одна, а других нет и в ней не открываются подкатегории.....

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

  • 2 нет других категорий и подкатегорий.png
  • 1 нет категорий.png


#31 miyako

miyako

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

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

Отправлено 25 Декабрь 2013 - 15:03

Просмотр сообщенияlev731 (25 Декабрь 2013 - 14:00) писал:

Убрал ковычки - другая теперь ошбка...

уточните пожалуйста какая ошибка. Можете прислать скриншот с кодом, который Вы вставляете, если ошибка в бэкофисе?

#32 lev731

lev731

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

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

Отправлено 25 Декабрь 2013 - 15:11

Просмотр сообщенияmiyako (25 Декабрь 2013 - 15:03) писал:

уточните пожалуйста какая ошибка. Можете прислать скриншот с кодом, который Вы вставляете, если ошибка в бэкофисе?
С ошибкой разобрался, я пропустил {% ENDIF %}, теперь ошибку не выдаёт, но вот посмотрите, что получилось, в сообщении выше...

#33 ne_yana

ne_yana

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

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

Отправлено 25 Декабрь 2013 - 18:26

Просмотр сообщенияlev731 (25 Декабрь 2013 - 15:11) писал:

С ошибкой разобрался, я пропустил {% ENDIF %}, теперь ошибку не выдаёт, но вот посмотрите, что получилось, в сообщении выше...
Здравствуйте, нужно заменить
{% IF CLIENT_IS_LOGIN && catalog.NAME= ПО "Рублик" %}
<li class="cat-item">
												 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0%}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
												 >{catalog.NAME}</a>
</li>{% ENDIF %}
на
<li class="cat-item" {% IFNOT CLIENT_IS_LOGIN && catalog.NAME= Название категории %} style="display:none;" {% ENDIF %}>
												 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0 %}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> {catalog.NAME} </a>
						</li>

Вместо названия категории вставьте нужное.

#34 lev731

lev731

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

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

Отправлено 25 Декабрь 2013 - 18:55

Просмотр сообщенияne_yana (25 Декабрь 2013 - 18:26) писал:

Здравствуйте, нужно заменить
{% IF CLIENT_IS_LOGIN && catalog.NAME= ПО "Рублик" %}
<li class="cat-item">
												 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0%}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
												 >{catalog.NAME}</a>
</li>{% ENDIF %}
на
<li class="cat-item" {% IFNOT CLIENT_IS_LOGIN && catalog.NAME= Название категории %} style="display:none;" {% ENDIF %}>
												 <a href="{catalog.URL}"
														 {% IF catalog.LEVEL>0 %}style="color: Red; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
														 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}> {catalog.NAME} </a>
					 </li>

Вместо названия категории вставьте нужное.

:)  Классно - то что нужно! Теперь увидеть эту категорию с главной страницы нельзя не авторизованному пользователю... Но.... нажав на "каталог" эта категория отображается... Нельзя ли и на странице каталога эту категорию скрыть для неавторизованных?

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

  • каталог.png


#35 Vaccina

Vaccina

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

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

Отправлено 26 Декабрь 2013 - 02:42

Сайт - Редактор шаблонов - Товары - найдите:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
	  <li>
		<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;">{nested_categories_list.NAME}</a>
	  </li>
	  {% ENDFOR %}
	</ul>
замените на:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
	  <li {% IFNOT CLIENT_IS_LOGIN && nested_categories_list.NAME=ПО Рублик %} style="display:none;" {% ENDIF %}>
		<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		<a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;">{nested_categories_list.NAME}</a>
	  </li>
	  {% ENDFOR %}
	</ul>


#36 lev731

lev731

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

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

Отправлено 26 Декабрь 2013 - 03:01

Просмотр сообщенияVaccina (26 Декабрь 2013 - 02:42) писал:

Сайт - Редактор шаблонов - Товары - найдите:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<ul class="content_catalog_nested_categories">
{% FOR nested_categories_list %}
<li>
<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
<a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;">{nested_categories_list.NAME}</a>
</li>
{% ENDFOR %}
</ul>
замените на:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<ul class="content_catalog_nested_categories">
{% FOR nested_categories_list %}
<li {% IFNOT CLIENT_IS_LOGIN && nested_categories_list.NAME=ПО Рублик %} style="display:none;" {% ENDIF %}>
<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
<a href="{nested_categories_list.URL}" title="Перейти к категории &amp;laquo;{nested_categories_list.NAME}&amp;raquo;">{nested_categories_list.NAME}</a>
</li>
{% ENDFOR %}
</ul>

Благодарю!!! То, что нужно!!! С Наступающим Вас Новым Годом!!! ;)

#37 vanyushka

vanyushka

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

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

Отправлено 07 Март 2014 - 12:43

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

#38 empty9228

empty9228

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

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

Отправлено 07 Март 2014 - 14:08

Здравствуйте, найдите в файле main.css код
#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 10px;
  color: #216b96;
  display: block;
}
замените его на
#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 1px;
  color: #216b96;
  display: block;
}

найдите код
#subNavigation li {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 0.6em 0;
  background: url(http://design.knigsobranie.ru/subnav_rule.gif) no-repeat left bottom;
}
замените его на

#subNavigation li {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 0.6em 0;
  background: url(http://design.knigsobranie.ru/subnav_rule.gif) no-repeat left bottom;
  padding-left: 15px
}


#39 vanyushka

vanyushka

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

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

Отправлено 07 Март 2014 - 14:25

Просмотр сообщенияempty9228 (07 Март 2014 - 14:08) писал:

Здравствуйте, найдите в файле main.css код
#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 10px;
color: #216b96;
display: block;
}
замените его на
#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 1px;
color: #216b96;
display: block;
}

найдите код
#subNavigation li {
font-size: 1.2em;
line-height: 1.6em;
padding: 0.6em 0;
background: url(http://design.knigsobranie.ru/subnav_rule.gif) no-repeat left bottom;
}
замените его на

#subNavigation li {
font-size: 1.2em;
line-height: 1.6em;
padding: 0.6em 0;
background: url(http://design.knigsobranie.ru/subnav_rule.gif) no-repeat left bottom;
padding-left: 15px
}

Спасибо! А как убрать красный квадрат, который появляется слева, когда наводишь на категорию? Он наезжает на надпись и, думаю, лучше его убрать вовсе.

#40 Сake

Сake

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

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

Отправлено 08 Март 2014 - 00:42

Добавьте в ваш файл стилей main.css

#subNavigation li:hover a {
  background: none !important;
}





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

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