Реализация меню магазина в две строки [РЕШЕНО]

[Deus]

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

Звездные пылесосы Полосатые рельсы

(а)

Звездные Полосатые

пылесосы рельсы

???

Всем заранее спасибо :-)

[ravilr]

сделать фиксированное меню прямо в шаблоне.

или с помощью javascript править меню после загрузки страницы.

т.е Звездные пылесосы - Полосатые рельсы меняем на Звездные пылесосы </br> Полосатые рельсы

[ixion]

лезешь в базу данных, ищешь category_description, затем ищешь категорию Звездные пылесосы Полосатые рельсы и вставляешь в поле name там где нужен перенос тег <br>, то есть получится Звездные пылесосы <br> Полосатые рельсы, получаешь перенос и меню в 2 строки, но надо править шаблон. Если стандартный то открываешь stylesheet.css ищешь там #menu { (317 строка), меняешь там высоту height: 37px; на 50 (возможны варианты), затем ищешь #menu > ul > li > a { (347 строка), добавляешь туда:

height: 50px; (ставишь то же значение что и раньше)

vertical-align: middle;

max-width: 150px; (можно изменять, максимальная ширина пункта меню)

text-align: center;

Ищешь поля

display: block, block заменяешь на table-cell,

padding: 12px 15px 11px 15px; первое и третье значение заменяешь на нули, т.е получится padding: 0px 15px 0px 15px;

Возможно не самое изящное решение, я не специалист. К тому же оно криво работает в IE 6, IE7 (не распознается тип блока table-cell), специально для них в конце блока "#menu > ul > li > a " я дописал //display:block;, в таком случае в этих версиях текст не центрируется по вертикали.

P.S. названия с прописанным тегом будут выводиться в 2 строчки везде, что не очень хорошо, особенно плохо смотрится в хлебных крошкх, поэтому ищу решение как в горизонтальном меню вывести тег H1, чтобы использовать его только для меню

[snastik]

Deus

а цель то у Вас какая ?

может Вы заданием ширины для #menu > ul > li обойдетесь ?

ну или вместо названий картинки категорий поставьте на форуме есть такая тема

[Deus]

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

[ravilr]

все понял. У вас просто пункт длинный, а не кол-во пунктов. так??

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

а начните с #menu

[Deus]

спасибо, попробую

[slavonoff]

Как реализовать горизонтальное меню в ocstore v1.5.1 чтоб категории были в несколько строк? (как на сайте http://www.fishka-shop.com.ua)

Ниже скрин..

[milus]

задайте фиксированную ширину menu > ul > li и подправьте остальные стили под свой дизайн

[slavonoff]

Увеличил высоту меню до 74px.

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

Но при наведении на категорию всплывающее меню сливается с нижней категорией.

Как можно исправить данную проблему?

[Sazon4ik]

задайте фиксированную ширину menu > ul > li и подправьте остальные стили под свой дизайн

Можно по подробнее пожалуйста.

[Sazon4ik]

все понял. У вас просто пункт длинный, а не кол-во пунктов. так??

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

а начните с #menu

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

[Einshtein]

в стандартном шаблоне это выставляется через админку...

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

Хотя возможно понадобятся некоторые правки шаблона...не помню уже точно как я делал.

[milus]

Можно по подробнее пожалуйста.

в файле stylesheet.css, что касается меню идет после /* menu */

правите согласно вашим пожеланиям, но без хотя бы базовых знаний css - лучше не трогайте

в стандартном шаблоне это выставляется через админку...

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

Хотя возможно понадобятся некоторые правки шаблона...не помню уже точно как я делал.

это вы про подкатегории, а в теме вопрос по категориям.

[Sazon4ik]

в файле stylesheet.css, что касается меню идет после /* menu */

правите согласно вашим пожеланиям, но без хотя бы базовых знаний css - лучше не трогайте

это вы про подкатегории, а в теме вопрос по категориям.

начальные знания в цсс есть, я поднял высоту строки меню height:82px; высота меню увеличилась но новые ссылки на каталог не появились, только в вертикальном меню их видно. Где капать?

[Svarli]

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

файл stylesheet.css там находите класс, который отвечает за меню, увеличиваете его высотку до необходимой вам и, если у вас пунктов больше, чем на одну строку они отобразятся в этом случае в 2 строки

[Sazon4ik]

Высоту увеличил, пунктов много, это можно судить по вертикальному меню, но не все отображаются и нет 2-ой строчки, где капать не пойму!?

[milus]

в админке в созданных категориях поставьте галочку - "показывать в главном меню"

[Sazon4ik]

в админке в созданных категориях поставьте галочку - "показывать в главном меню"

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

[Sazon4ik]

А реально ли отдельную категорию выделить другим текстом? font color не помог...

[wbvetal]

По умолчанию

Хочу сделать

[wbvetal]

Понял что нужно что то править в ксс