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


Каталог С Подкатегориями


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

#1 arver

arver

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

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

Отправлено 29 Июнь 2014 - 15:26

Добрый день,уважаемые модераторы помогите привести мое меню к следующему виду.

Аккаунт SL-203796

Прикрепленные изображения

  • каталог.jpg


#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 30 Июнь 2014 - 06:52

Просмотр сообщенияarver (29 Июнь 2014 - 22:16) писал:

up

Выпадающее меню с подкатегориями у Вас реализовано уже. Вас интересует синяя полоска в шапке выпадающего меню с названиями разделов?

#3 arver

arver

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

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

Отправлено 30 Июнь 2014 - 10:06

Доброе утро,да меня интересует выпадающее меню с подразделами на подкатегории,бренды(в принципе те же подкатегории) и с картинкой правее.Реализация совсем другая нежели у меня сейчас(должно открываться сразу все окно как на картинке).

#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 30 Июнь 2014 - 10:30

Просмотр сообщенияarver (30 Июнь 2014 - 10:06) писал:

Доброе утро,да меня интересует выпадающее меню с подразделами на подкатегории,бренды(в принципе те же подкатегории) и с картинкой правее.Реализация совсем другая нежели у меня сейчас(должно открываться сразу все окно как на картинке).

А как, без наведения на основную категорию, мы будем знать какие подкатегории выводить?

#5 arver

arver

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

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

Отправлено 30 Июнь 2014 - 10:33

конечно при наведении на основную категорию,на картинке я изобразил пример,если курсором навести на категорию уборка и уход за домом

#6 arver

arver

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

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

Отправлено 01 Июль 2014 - 15:53

Модераторы помогите пожалуйста с установкой меню,сайт рабочий,а все кривое уже 3 день.

#7 Vaccina

Vaccina

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

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

Отправлено 02 Июль 2014 - 01:03

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

#8 arver

arver

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

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

Отправлено 02 Июль 2014 - 05:41

откатил,ожидаю вашей помощи ;)

Прикрепленные изображения

  • 1.jpg


#9 arver

arver

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

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

Отправлено 02 Июль 2014 - 23:42

пошел 5 день ожидания :(

#10 Vaccina

Vaccina

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

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

Отправлено 03 Июль 2014 - 01:58

Давайте уточним, специальные предложения подставлять вручную или брать из товаров на главной странице?
Категория, судя по скриншоту делится на подкатегории и бреды, вас устроит вариант сделать категорию: Уборка и уход за домом, которая подразделяется на подкатегории и бренды в которых уже свои подкатегории? Можно сделать вариант попроще, все скрытые подкатегории будут изначально идти к брендам, а не скрытые уже обычные подкатегории, какой вариант вас больше устраивает?

#11 arver

arver

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

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

Отправлено 03 Июль 2014 - 02:24

Доброй ночи,специальные предложения я думаю удобнее подставлять вручную.Наверное лучше вообще без брендов,а то насколько я понял они будут дублироваться в категориях,лучше оставить разделение категория-подкатегория-поподкатегория(картинку приложил)

Прикрепленные изображения

  • каталог (1).jpg


#12 Vaccina

Vaccina

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

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

Отправлено 03 Июль 2014 - 03:15

В style.css найдите:
#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;
}


#13 arver

arver

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

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

Отправлено 03 Июль 2014 - 22:36

Добрый вечер,провел изменения,меню надо еще корректировать!Приложил картинки

Прикрепленные изображения

  • каталог_1.jpg
  • каталог_2.jpg
  • каталог_3.jpg


#14 arver

arver

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

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

Отправлено 03 Июль 2014 - 22:49

изменил ширину на 710px,однако позиционирование самого окна правильно только на 1 картинке,при наведении на остальные категории например косметика и гигиена окно смещается,а мне надо чтобы окно начиналось около буквы у(уборка и уход за домом) и заканчивалось у буквы я (продукты питания).
2)добавил рамку,однако рамки появились и внутри
3)пытался изменить шрифт подкатегории и подподкатегории однако размер меняется сразу везде,в том числе и у категорий
4)Размеры ширины каждого блока подкатегории должны быть фиксированной ширины,например взять категорию(уборка и уход за домом) подкатегория (универсальные чистящие средства) должны быть шириной как блок подкатегория(средства для стирки),а то выглядить очень некрасиво..

#15 Vaccina

Vaccina

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

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

Отправлено 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 arver

arver

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

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

Отправлено 04 Июль 2014 - 01:45

доброй ночи,что-то не работает(

#17 Vaccina

Vaccina

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

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

Отправлено 04 Июль 2014 - 01:47

попробуйте почистить кэш, у меня при данной отладке выполнялись ваши пункты

#18 arver

arver

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

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

Отправлено 04 Июль 2014 - 01:54

почистил еще раз,проверил на двух пк,теперь пункты меню просто выделяются оранжевым,окно не всплывает...(

#19 Vaccina

Vaccina

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

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

Отправлено 04 Июль 2014 - 01:56

увидела проблему, вы поставили в структуре <div> после цикла {% FOR %}, а надо перед ним, вынесите <div class="menu"> и </div> за цикл

#20 arver

arver

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

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

Отправлено 04 Июль 2014 - 02:00

остались следующие вопросы:
1)не могу понять как меняется шрифт у подкатегории и подподкатегории(шрифт меняется везде,у категории в том числе)
2)а изображение товара в меню уже можно вставить вручную как-то?




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

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