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

[denet]

Как создать меню вертикальное с выпадающем ? при наведение курсора под категория открывалась. (извините пожалуйста если эта тема уже была, просто я смотрел и не нашел) за ранее спасибо!
Дизайн (Пластик)

[Ирина345]

denet (12 Февраль 2015 - 10:14) писал:

Как создать меню вертикальное с выпадающем ? при наведение курсора под категория открывалась. (извините пожалуйста если эта тема уже была, просто я смотрел и не нашел) за ранее спасибо!
Дизайн (Пластик)

Здравствуйте используйте данную тему форума
http://forum.storela...тикальное-меню/

[denet]

Ирина345 (12 Февраль 2015 - 10:21) писал:

Здравствуйте используйте данную тему форума
http://forum.storela...тикальное-меню/

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

[Ирина345]

denet (02 Апрель 2015 - 15:07) писал:

не могу найти то что мне надо, вроде вертикальное нашел только, оно какое то не корректное, мне надо что бы в этой рамки и было вертикальное меню вот в этой рамке было выпадающие меню 123.PNG

Здравствуйте, уточните номер вашего аккаунта.

[denet]

Ирина345 (02 Апрель 2015 - 19:10) писал:

Здравствуйте, уточните номер вашего аккаунта.

SL-339064

[Vaccina]

Простите за ожидание, актуален ли вопрос, так как у вас изменена дизайн тема?

[denet]

Vaccina (07 Апрель 2015 - 03:54) писал:

Простите за ожидание, актуален ли вопрос, так как у вас изменена дизайн тема?

да, да актуален)

[Vaccina]

В style.css найдите:

.accordion ul {
display: block;
margin: 0;
overflow: hidden !important;
padding: 0 !important;
position: relative;
width: 100%;
}

замените на:

.accordion ul {
display: none;
left: 255px;
margin: 0;
overflow: hidden !important;
padding: 0 !important;
position: absolute;
top: 0;
width: 100%;
}
.accordion li:hover > ul {
display: block;
}
.accordion em.open-close {
display: none;
}

далее найдите:

.product {
border: 1px solid #cdcdcd;
display: inline-block;
padding: 5px;
position: relative;
transition: all 0.5s linear 0s;
vertical-align: top;
width: 200px;
z-index: 100;
}

замените на:

.product {
border: 1px solid #cdcdcd;
display: inline-block;
padding: 5px;
position: relative;
transition: all 0.5s linear 0s;
vertical-align: top;
width: 200px;
}

[denet]

Vaccina (08 Апрель 2015 - 02:58) писал:

В style.css найдите:

.accordion ul {
display: block;
margin: 0;
overflow: hidden !important;
padding: 0 !important;
position: relative;
width: 100%;
}

замените на:

.accordion ul {
display: none;
left: 255px;
margin: 0;
overflow: hidden !important;
padding: 0 !important;
position: absolute;
top: 0;
width: 100%;
}
.accordion li:hover > ul {
display: block;
}
.accordion em.open-close {
display: none;
}

далее найдите:

.product {
border: 1px solid #cdcdcd;
display: inline-block;
padding: 5px;
position: relative;
transition: all 0.5s linear 0s;
vertical-align: top;
width: 200px;
z-index: 100;
}

замените на:

.product {
border: 1px solid #cdcdcd;
display: inline-block;
padding: 5px;
position: relative;
transition: all 0.5s linear 0s;
vertical-align: top;
width: 200px;
}

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

[Vaccina]

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

По поводу вашей второй задумке, попробуйте в конец main.js добавить:

$('.infoBox .open-close').hover(function(){
	$(this).trigger('click');
	return false;
  });