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


Изменить Шрифт В Левом Меню


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

#1 Cancerva

Cancerva

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

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

Отправлено 21 Ноябрь 2014 - 19:27

Изображение

Так выглядит сейчас. Нужно сделать чтобы шрифт вложения второго уровня (ИГРЫ, Сериалы) отличался от вложений третьего уровня (Во все тяжкие, игра престолов и тп), в частности размером. Я не нашел как можно по отдельности редактировать шрифт вложенных папок, подозреваю что из за этого условия в шаблоне НТМL:
{% IF catalog.LEVEL>0%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}


Подскажите пожалуста, как реализовать возможность по отдельности редактировать шрифт категорий разных уровней вложенности

#2 Vaccina

Vaccina

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

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

Отправлено 22 Ноябрь 2014 - 02:02

В шаблоне HTML найдите:
<li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
замените на:
<li class="cat-item level{catalog.LEVEL}">
							<a href="{catalog.URL}" {% IF catalog.CURRENT %}class="selected"{% ENDIF %}>{catalog.NAME}</a>
						  </li>

далее в main.css добавьте:
.cat-item.level1{
color:#7ca120;
font-size:14px;
padding-left:20px;
}
.cat-item.level2{
color:#7ca120;
font-size:14px;
padding-left:20px;
}

и изменяйте стили для уровней по вашему усмотрению

#3 Cancerva

Cancerva

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

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

Отправлено 22 Ноябрь 2014 - 19:43

Просмотр сообщенияVaccina (22 Ноябрь 2014 - 02:02) писал:

В шаблоне HTML найдите:
<li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
замените на:
<li class="cat-item level{catalog.LEVEL}">
							<a href="{catalog.URL}" {% IF catalog.CURRENT %}class="selected"{% ENDIF %}>{catalog.NAME}</a>
						  </li>

далее в main.css добавьте:
.cat-item.level1{
color:#7ca120;
font-size:14px;
padding-left:20px;
}
.cat-item.level2{
color:#7ca120;
font-size:14px;
padding-left:20px;
}

и изменяйте стили для уровней по вашему усмотрению

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

Предлагаю потренироваться на кошках))) т.е. на аккаунте SL- 309422. Там можете проверить внесенные изменения и посмотреть полученный результат (предложенный код для main.css на стили уровней почему-то не влияет).

#4 Cancerva

Cancerva

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

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

Отправлено 22 Ноябрь 2014 - 20:34

Кстати, а изменением условий в шаблоне html нельзя ли указать стили разных уровней?

Сейчас там вроде как: если уровень>0 то стиль такой то...
А прописать как нибудь чтоб  для уровня=1 стиль такой-то, для уровня >1 такой-то?



#5 Danil

Danil

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

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

Отправлено 23 Ноябрь 2014 - 09:49

Просмотр сообщенияCancerva (22 Ноябрь 2014 - 20:34) писал:

Кстати, а изменением условий в шаблоне html нельзя ли указать стили разных уровней?

Сейчас там вроде как: если уровень>0 то стиль такой то...
А прописать как нибудь чтоб  для уровня=1 стиль такой-то, для уровня >1 такой-то?
Здравствуйте.
На данный момент условие которое прописано в каталоге, относится ко всем уровням выше 0.
	 <!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"	  {% IFNOT index_page %} style="margin-top:20px;"{% ENDIF %}>
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
			 </li>
для того чтобы изменять стили конкретных уровней, например 0, 1 или 2, то:
замените строку
							  {% IF catalog.LEVEL>0%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
нижеприведенным кодом(или всеми сразу)
- для 2 уровня
							  {% IF catalog.LEVEL=2%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
- для 1 уровня
							  {% IF catalog.LEVEL=1%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
- для 0 уровня
							  {% IF catalog.LEVEL=0%}style=" color:#7ca120; font-size:14px; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
после изменяйте стили

#6 Cancerva

Cancerva

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

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

Отправлено 23 Ноябрь 2014 - 11:25

спасибо




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

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