Каталог С Подкатегориями
#21
Отправлено 04 Июль 2014 - 02:07
.menu #nav li ul li {
display: inline-block;
overflow: hidden;
vertical-align: top;
width: 50px;
все равно не удается добиться чтобы сразу 4 подкатегории располагались на одном уровне
#22
Отправлено 04 Июль 2014 - 02:15
.menu > #nav li ul li a { color: #5674b6; }для подподкатегории
#nav ul ul li a { color: #050505 !important; }
У вас товар будет статичной картинкой с ссылкой?
#23
Отправлено 04 Июль 2014 - 12:12
да товар будет статичной картинкой с ссылкой
arver (04 Июль 2014 - 02:07) писал:
.menu #nav li ul li {
display: inline-block;
overflow: hidden;
vertical-align: top;
width: 50px;
все равно не удается добиться чтобы сразу 4 подкатегории располагались на одном уровне
#24
Отправлено 04 Июль 2014 - 12:52
arver (04 Июль 2014 - 12:12) писал:
да товар будет статичной картинкой с ссылкой
тоже вопрос актуален!
В коде:
#category_view_type.grid_view #product_list2 li { display: inline-block; display: -moz-inline-stack; position: relative; width: 200px; min-height: 150px; margin: 0 15px; padding: 0; border: 0; vertical-align: top; text-align: center; z-index: 2; }
width:200px; замените на width:192px;
#27
Отправлено 05 Июль 2014 - 01:40
#nav ul ul li a { color: #050505 !important; font-size: 5px; }для подподкатегорий, попробуйте использовать:
#nav ul ul li a { color: #999999 !important; font-size: 5px; }
у меня меняется цвет, если хотите изменить размер шрифта, то используйте:
#nav ul ul li a { color: #999999 !important; font-size: 12px !important; }
arver (04 Июль 2014 - 12:12) писал:
да товар будет статичной картинкой с ссылкой
тоже вопрос актуален!
найдите и удалите:
.level1 { min-width: 170px; }
далее найдите:
.menu #nav li ul li { display: inline-block; overflow: hidden; vertical-align: top; width: 50px; }замените на:
.menu #nav li ul li { display: inline-block; overflow: hidden; vertical-align: top; width: 160px; }
На счет картинки, попробуйте следующее, найдите в шаблоне HTML:
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}после него вставьте:
{% IF catalog_full.LEVEL=2 %}<div><img src="ссылка на картинку" alt="" /></div>{% ENDIF %}
#28
Отправлено 05 Июль 2014 - 02:03
c картинкой не получилось,изображение теперь дублируется везде(
#30
Отправлено 05 Июль 2014 - 02:25
На счет картинок, в стилях добавьте блок:
.menu #nav li ul li div { display: none; } .menu #nav li ul li:last-child div { display: block; }
#31
Отправлено 05 Июль 2014 - 02:31
2)насчет картинок стало получше,однако они еще и в основной категории
#32
Отправлено 05 Июль 2014 - 02:40
.menu #nav li ul li div { display: none; }замените на:
.menu div { display: none; }
проблему с обрезанием текста обнаружила, спасибо за уточнение, найдите:
.menu #nav li ul li { display: inline-block; overflow: hidden; vertical-align: top; width: 160px; }замените на:
.menu #nav li ul li { display: inline-block; vertical-align: top; width: 160px; }
#33
Отправлено 05 Июль 2014 - 02:43
#34
Отправлено 05 Июль 2014 - 02:52
#36
Отправлено 05 Июль 2014 - 03:04
.menu #nav li ul li { display: inline-block; vertical-align: top; width: 160px; }замените на:
.menu #nav li ul li { display: inline-block; overflow: hidden; vertical-align: top; width: 150px; }
#38
Отправлено 05 Июль 2014 - 03:21
#39
Отправлено 05 Июль 2014 - 04:43
#nav li ul a span { white-space: normal; }
замените на:
#nav li ul a span { white-space: normal; width: 150px; }
также найдите:
#nav li > ul > li > ul { display: inline-block; float: left; left: 0; margin: 0; padding: 0; position: relative; top: 0 !important; width: 200px; }замените на:
#nav li > ul > li > ul { display: inline-block; float: left; left: 0; margin: 0; padding: 0; position: relative; top: 0 !important; width: 150px; }
На счет картинок, в этом случае необходимо переделать условие с:
{% IF catalog_full.LEVEL=2 %}<div><img src="ссылка на картинку" alt="" /></div>{% ENDIF %}на:
{% IF catalog_full.NAME=название подкатегории %}<div><img src="ссылка на картинку" alt="" /></div>{% ENDIF %}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных