Сообщений в теме: 12

[pavelkosenkov]

Ребят, кто разбирается в HTML и CSS, помогите внести небольшие изменения в каталог товаров слева на главной.
Не хочется ради таких мелочей нанимать фрилансера и давать ему полный доступ к своему аккаунту.

Вообщем вот что нужно сделать: (наглядно можно посмотреть на 2м скриншоте)
1) Сдвинуть названия главных категорий в каталоге немного вправо, при это подкатегории (бренды) должны остаться там где сейчас.
2) Вставить маленькие картинки перед названиями главных категорий. (примерно как это реализовано на Timecode.ru)
3) Названия главных категорий сделать другим цветом (сейчас темно-серый #333, а хочу черным #000), при этом названия подкатегорий (брендов) должны остаться такого же цвета как сейчас #333.

Сайт: Urbantime.ru

Как это выглядит сейчас:


Как надо сделать:


Буду благодарен за любую помощь

[Vaccina]

1,3) В шаблоне "HTML" раздела редактора тем - найдите

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

и замените на

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{%ELSE%}style="padding-left:20px; color: #000;"{% ENDIF %}

Цвет корневых категорий меняется через свойство color

2) Данный вопрос рассматривался в следующий теме форума http://forum.storela...dpost__p__10100

[pavelkosenkov]

Vaccina (24 Июль 2012 - 21:36) писал:

1,3) В шаблоне "HTML" раздела редактора тем - найдите

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

и замените на

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{%ELSE%}style="padding-left:20px; color: #000;"{% ENDIF %}

Цвет корневых категорий меняется через свойство color

2) Данный вопрос рассматривался в следующий теме форума http://forum.storela...dpost__p__10100

Спасибо, почти все получилось, но есть один вопрос.

Не получается вставить картинки около названий главных категорий.
Все остается также как и было.
Сайт: Urbantime.ru

Вот полный код моего каталога в HTML, может увидите ошибку?

   <td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog_full %}
						{% IFNOT catalog_full.HIDE %}
						  <li class="cat-item"> 
						  {% IF catalog.full.LEVEL=2%}
{% IF catalog.full.NAME=Швейцарские часы%}<img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159696/flag_switzerland.png"/>{% ENDIF %}
{% IF catalog.full.NAME=Итальянские часы%}<img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159695/flag_italy.png"/>{% ENDIF %}
{% IF catalog.full.NAME=Американские часы%}<img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159697/flag_usa.png"/>{% ENDIF %}
{% IF catalog.full.NAME=Английские часы%}<img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159694/flag_great_britain.png"/>{% ENDIF %}
{% ENDIF %}
							<a href="{catalog_full.URL}" 
							  {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("35")}px" {%ELSE%}style="padding-left:28px; font-size:15px; font-weight:bold; color: #333;"{% ENDIF %}
							  {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}
							>{catalog_full.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li> 

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

Спасибо

[Vaccina]

У вас переменная вида catalog.full т.е через точку, а должна быть вида catalog_full

[Sindrom]

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

[Vaccina]

В файле стилей main.css раздела редактора тем - найдите

.page-headline {
	height: 81px;
	position: relative;
}

и замените на

.page-headline {
	height: 81px;
	margin-left: -220px;
	position: relative;
}

[Sindrom]

все получилось спасибо! желаю терпения, выдержки и стальныx нервов

[Sindrom]

получилось но не совсем,((текст с начала до середины идет,фраза кончается на середине шаблона.Как увеличить  длину заголовка?
спасибо

[Vaccina]

В файле стилей main.css найдите

.page-headline h1 {
	color: #000000;
	font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 0;
	position: absolute;
	width: 700px;
}

и замените на

.page-headline h1 {
	color: #000000;
	font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
	height: 2em;
	overflow: hidden;
	padding-left: 0;
	position: absolute;
	width: 900px;
}

[Sindrom]

  Спасибо,  все получилось

[koloskov]

Vaccina (13 Август 2012 - 21:37) писал:

В файле стилей main.css найдите

.page-headline h1 {
color: #000000;
font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
height: 2em;
overflow: hidden;
padding-left: 0;
position: absolute;
width: 700px;
}

и замените на

.page-headline h1 {
color: #000000;
font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif;
height: 2em;
overflow: hidden;
padding-left: 0;
position: absolute;
width: 900px;
}

Длина навигационной строки задана: position: absolute; width: 900px;  У меня товар по названию еще длинее и увеличивать width: 940px; уже некуда, как сделать автоперенос на 2-ю строчку?

[Stasya]

Вы не могли бы поточнее описать проблему, так как на Вашем сайте я не нашла каких-либо некорректных отображений заголовка?

[Koderhan]

koloskov (12 Июнь 2013 - 13:20) писал:

Длина навигационной строки задана: position: absolute; width: 900px;  У меня товар по названию еще длинее и увеличивать width: 940px; уже некуда, как сделать автоперенос на 2-ю строчку?

Попробуйте применить следующие стили для переноса длинных заголовков.
В файле "main.css".
Найти код:

.page-headline h1 {
  position:absolute; width:940px;  /* длина навигационной строки */
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;   /* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой ниже */
/*  font: 20px/70px "Trebuchet MS", Arial, Helvetica, sans-serif; Здесь и ниже можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;	/* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой выше */
/*  height:3em;overflow:hidden;	Здесь и выше можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
/*  display:none;  скрывает информационную строку */
}

Заменить:

.page-headline h1 {
  position:absolute;   /* длина навигационной строки */
  font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;   /* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой ниже */
/*  font: 20px/70px "Trebuchet MS", Arial, Helvetica, sans-serif; Здесь и ниже можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
  color: #000000;
  padding-left: 20px;
  height:2em;	/* Штатный размер шрифта в навигационной строке всей информации взаимосвязанный со строкой выше */
/*  height:3em;overflow:hidden;	Здесь и выше можно уменьшить размер шрифта в навигационной строке всей информации, если удалить начало в шаблоне Товар */
/*  display:none;  скрывает информационную строку */
}