Каталог С Подкатегориями
#1
Отправлено 29 Июнь 2014 - 15:26
Аккаунт SL-203796
#3
Отправлено 30 Июнь 2014 - 10:06
#4
Отправлено 30 Июнь 2014 - 10:30
arver (30 Июнь 2014 - 10:06) писал:
А как, без наведения на основную категорию, мы будем знать какие подкатегории выводить?
#5
Отправлено 30 Июнь 2014 - 10:33
#6
Отправлено 01 Июль 2014 - 15:53
#7
Отправлено 02 Июль 2014 - 01:03
Старое меню имело переменные и категории подставлялись автоматически, тут же вам прописывать каждый пункт вручную придется.
#9
Отправлено 02 Июль 2014 - 23:42
#10
Отправлено 03 Июль 2014 - 01:58
Категория, судя по скриншоту делится на подкатегории и бреды, вас устроит вариант сделать категорию: Уборка и уход за домом, которая подразделяется на подкатегории и бренды в которых уже свои подкатегории? Можно сделать вариант попроще, все скрытые подкатегории будут изначально идти к брендам, а не скрытые уже обычные подкатегории, какой вариант вас больше устраивает?
#11
Отправлено 03 Июль 2014 - 02:24
#12
Отправлено 03 Июль 2014 - 03:15
#nav li > ul > li:hover > ul { left: 170px !important; top: 0; } #nav li.over > ul > li.over > ul { left: 15em; } #nav li.over > ul ul { left: -10000px; }замените на:
#nav li > ul > li > ul { display: inline-block; float: left; left: 0; margin: 0; padding: 0; position: relative; top: 0 !important; width: 200px; }
далее найдите:
#nav ul { background: #ffffff; border: 0 none; font-size: 12px; left: -10000px; padding: 0; position: absolute; top: 0; width: 15em; }замените на:
#nav ul { background: #ffffff; border: 0 none; font-size: 12px; left: -10000px; padding: 0; position: absolute; top: 0; width: 600px; }
также найдите:
#nav ul li a { color: #050505 !important; float: none; font-weight: normal; padding: 3px 0; width: 100%; }замените на:
#nav ul li a { float: none; font-weight: normal; padding: 3px 0; width: 100%; } .level1 a{ color:#5674B6; } .level2 a{ color:#000; line-height: 14px; }
#14
Отправлено 03 Июль 2014 - 22:49
2)добавил рамку,однако рамки появились и внутри
3)пытался изменить шрифт подкатегории и подподкатегории однако размер меняется сразу везде,в том числе и у категорий
4)Размеры ширины каждого блока подкатегории должны быть фиксированной ширины,например взять категорию(уборка и уход за домом) подкатегория (универсальные чистящие средства) должны быть шириной как блок подкатегория(средства для стирки),а то выглядить очень некрасиво..
#15
Отправлено 04 Июль 2014 - 01:38
#nav li { display: inline-block; margin: 0 5px; position: relative; text-align: left; }меняем на:
#nav li { display: inline-block; margin: 0 5px; text-align: left; }В шаблоне HTML находим:
<ul id="nav"> остальной код </ul>меняем на:
<div class="menu"> <ul id="nav"> остальной код </ul> </div>
далее в css находим:
#nav { background: #5674b6; clear: both; font-size: 20px; margin: 0 auto; padding: 0 0 0 20%; }меняем на:
.menu { width: 100%; background: #5674b6; } #nav { clear: both; font-size: 20px; margin: 0 auto; position: relative; width: 60%; }
далее найдите:
#nav ul { background: #ffffff; border: 2px solid #1c2a57; font-size: 12px; left: -10000px; padding: 0; position: absolute; top: 0; width: 710px; }замените на:
.menu>#nav>li>ul { border: 2px solid #1c2a57; } #nav ul { background: #ffffff; font-size: 12px; left: -10000px; padding: 0; position: absolute; top: 0; width: 710px; }
далее найдите:
#nav li a { color: #fff; font: bold 14px/28px Arial; padding: 0; }замените на:
.menu>#nav li ul li a { color: #5674B6; } #nav li a { color: #fff; font: bold 14px/28px Arial; padding: 0; }также добавьте:
.menu #nav li ul li { display: inline-block; overflow: hidden; vertical-align: top; width: 200px; }
#16
Отправлено 04 Июль 2014 - 01:45
#17
Отправлено 04 Июль 2014 - 01:47
#18
Отправлено 04 Июль 2014 - 01:54
#19
Отправлено 04 Июль 2014 - 01:56
#20
Отправлено 04 Июль 2014 - 02:00
1)не могу понять как меняется шрифт у подкатегории и подподкатегории(шрифт меняется везде,у категории в том числе)
2)а изображение товара в меню уже можно вставить вручную как-то?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных