(New) Помогите Изменить Дизайн Каталога Слева!
#1
Отправлено 24 Июль 2012 - 15:35
Не хочется ради таких мелочей нанимать фрилансера и давать ему полный доступ к своему аккаунту.
Вообщем вот что нужно сделать: (наглядно можно посмотреть на 2м скриншоте)
1) Сдвинуть названия главных категорий в каталоге немного вправо, при это подкатегории (бренды) должны остаться там где сейчас.
2) Вставить маленькие картинки перед названиями главных категорий. (примерно как это реализовано на Timecode.ru)
3) Названия главных категорий сделать другим цветом (сейчас темно-серый #333, а хочу черным #000), при этом названия подкатегорий (брендов) должны остаться такого же цвета как сейчас #333.
Сайт: Urbantime.ru
Как это выглядит сейчас:
Как надо сделать:
Буду благодарен за любую помощь
#2
Отправлено 24 Июль 2012 - 21:36
{% 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
#3
Отправлено 25 Июль 2012 - 22:25
Vaccina (24 Июль 2012 - 21:36) писал:
{% 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>
Может увидите ошибку где исправить, чтобы картинки начали отображаться на сайте?
Спасибо
#4
Отправлено 26 Июль 2012 - 22:07
#5
Отправлено 08 Август 2012 - 22:44
#6
Отправлено 09 Август 2012 - 20:02
.page-headline { height: 81px; position: relative; }
и замените на
.page-headline { height: 81px; margin-left: -220px; position: relative; }
#7
Отправлено 09 Август 2012 - 23:18
#8
Отправлено 12 Август 2012 - 21:03
спасибо
#9
Отправлено 13 Август 2012 - 21:37
.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; }
#10
Отправлено 14 Август 2012 - 01:43
#11
Отправлено 12 Июнь 2013 - 13:20
Vaccina (13 Август 2012 - 21:37) писал:
.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-ю строчку?
#12
Отправлено 13 Июнь 2013 - 10:07
#13
Отправлено 13 Июнь 2013 - 10:15
koloskov (12 Июнь 2013 - 13:20) писал:
В файле "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; скрывает информационную строку */ }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных