Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

(а)

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

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

???

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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах

лезешь в базу данных, ищешь 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, чтобы использовать его только для меню

  • +1 1
Надіслати
Поділитися на інших сайтах


Deus

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

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

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


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

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

а начните с #menu

Надіслати
Поділитися на інших сайтах

  • 1 month later...

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

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

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

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

Надіслати
Поділитися на інших сайтах


  • 1 month later...

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

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

а начните с #menu

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


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

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

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

Изображение

Надіслати
Поділитися на інших сайтах


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

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

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

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

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

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

это вы про подкатегории, а в теме вопрос по категориям.
  • +1 1
Надіслати
Поділитися на інших сайтах

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

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

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

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


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

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


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

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


  • 5 months later...
Гість
Ця тема закрита для публікації повідомлень.
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.