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

[Сергей Наумчук]

Добрый день!

Помогите, пожалуйста, адаптировать меню следующего вида http://truequery.ru/..._accordeon.html под шаблон движение (то есть сделать такой же контейнер и способ раскрывания аккордеона как в примере.)
Самостоятельно справиться не удалось. Эксперементирую на пробном магазине http://p47834.storeland.ru/.

[Ирина345]

Сергей Наумчук (12 Октябрь 2014 - 10:17) писал:

Добрый день!

Помогите, пожалуйста, адаптировать меню следующего вида http://truequery.ru/..._accordeon.html под шаблон движение (то есть сделать такой же контейнер и способ раскрывания аккордеона как в примере.)
Самостоятельно справиться не удалось. Эксперементирую на пробном магазине http://p47834.storeland.ru/.

Здравствуйте,
уточните Вы хотите сделать такую же стилистику, как и в примере

[Сергей Наумчук]

Ирина345 (12 Октябрь 2014 - 11:05) писал:

Здравствуйте,
уточните Вы хотите сделать такую же стилистику, как и в примере

Да, хотелось бы

[Ирина345]

Сергей Наумчук (12 Октябрь 2014 - 11:25) писал:

Да, хотелось бы

Найдите в style.css

.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none; display: block; width: 100%; position:relative;}

замените на

.accordion li {
cursor: pointer;
position: relative;
cursor: pointer;
text-decoration: none;
display: block;
color: #ffffff;
font-size: 12px;
font-family: verdana;
text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.6);
list-style: circle;
}

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

.accordion a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }

замените на

.accordion a {
text-decoration: none;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
color: #fff;
background: linear-gradient(to top, #000000, #5C5D5F);
}

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

.accordion ul a{font-size:11px; padding: 8px 10px 8px 35px;background: #eee;}

замените на

.accordion ul a {
font-size: 11px;
padding: 8px 10px 8px 35px;
background: #eee;
background: linear-gradient(to top, #959596, #5C5D5F);
}

[Сергей Наумчук]

Ирина345 (12 Октябрь 2014 - 11:40) писал:

Найдите в style.css

.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none; display: block; width: 100%; position:relative;}

замените на

.accordion li {
cursor: pointer;
position: relative;
cursor: pointer;
text-decoration: none;
display: block;
color: #ffffff;
font-size: 12px;
font-family: verdana;
text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.6);
list-style: circle;
}

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

.accordion a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }

замените на

.accordion a {
text-decoration: none;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
color: #fff;
background: linear-gradient(to top, #000000, #5C5D5F);
}

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

.accordion ul a{font-size:11px; padding: 8px 10px 8px 35px;background: #eee;}

замените на

.accordion ul a {
font-size: 11px;
padding: 8px 10px 8px 35px;
background: #eee;
background: linear-gradient(to top, #959596, #5C5D5F);
}

Спасибо! А как включить такой же juery плагин . Закачивал его на сай, вставлял коды до закрывающегося тега </head>, но безрезультатно

[Ирина345]

Сергей Наумчук (12 Октябрь 2014 - 12:01) писал:

Спасибо! А как включить такой же juery плагин . Закачивал его на сай, вставлял коды до закрывающегося тега </head>, но безрезультатно

Найдите в style.css

.accordion em.open-close{background: url("{ASSETS_IMAGES_PATH}menu_right_arrow.png?design=movement") no-repeat center center; padding: 7px 6px; position:absolute; left:0; top:0;width: 6px;height:19px;}
.accordion li.active> em.open-close { background: url("{ASSETS_IMAGES_PATH}menu_down_arrow.png?design=movement") no-repeat center center; width: 10px;}

замените на

.accordion em.open-close{padding: 7px 6px; position:absolute; left:0; top:0;width: 500px;height:19px;}
.accordion li.active> em.open-close {width: 500px;}

[forester]

Подскажите пожалуйста, все работает но только с категориями в которых есть подкатегории. Если подкатегорий нет, то все както дергано итд.....

[Vaccina]

Уточните пожалуйста, в чем именно проблема, при клике на категорию, у которой нет подкатегорий происходит переход в саму категорию?

[forester]

Да, все ОК. вопрос снят. спасибо

[forester]

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

[Alekseys]

forester (16 Май 2015 - 17:02) писал:

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

Здравствуйте. Уточните пожалуйста, на каком сайте Вам требуются эти изменения. На сайте sl-339700 при нажатии на категорию открывался список под-категорий, если они есть .

[forester]

Хотелось бы чтобы открывались подкатегории только в меню.
Т.е. эффект был как при нажатии на стрелочку.
А сейчас если нажимаеш на стрелочку, то меню раскрывается. А когда жмешь на текст то открывается полностью  категория на сайте.

Мне нужно как по стрелочке, везде, чтоб окрывалось...

Сорри за масло маслянное ))

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

•