Автор Тема: Как изменить размер всплывающего меню?  (Прочитано 2213 раз)

28 Октябрь 2014, 19:42:51
  • Пользователь
  • **
  • Сообщений: 58
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте!
Использую стандартную тему оформления. PrestaShop 1.5.6.2
В верхнем меню есть категории товаров, при наведении на которые, открываются подкатегории. У меня есть длинные названия подкатегорий, которые не вмещаются во всплывающее окно.
Как расширить данное меню категорий товаров?

Думаю, на скриншоте будет видно, что мне необходимо:
28 Октябрь 2014, 21:47:30
Ответ #1
  • Ученик
  • Фрилансер
  • *
  • Сообщений: 180
  • Репутация: +0/-0
  • Создание продающих сайтов.
    • Просмотр профиля
    • Создание продающих сайтов, интернет-магазинов, визиток, блогов и порталов. Аудит системы продаж сайта!
если модуль ваш то сss modula если нет то css футера
28 Октябрь 2014, 21:51:40
Ответ #2
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
В файлах стилей нужно искать правила, которые определяют ширину блока.
FireFox+Firebug
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
29 Октябрь 2014, 15:47:14
Ответ #3
  • Пользователь
  • **
  • Сообщений: 58
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В файлах стилей нужно искать правила, которые определяют ширину блока.
FireFox+Firebug
а где расположены файлы стилей? как они называются?
29 Октябрь 2014, 16:11:49
Ответ #4
  • Пользователь
  • **
  • Сообщений: 58
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нашел в /modules/blocktopmenu/css файл superfish-modified.css
Но не пойму что в нем менять...
29 Октябрь 2014, 16:37:37
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 1285
  • Репутация: +13/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Выделяете блок, который хотите изменить. Справо будут вижны названия файла стилей, в центре код блока. Прямо в браузере меняете ширину widht и сразу видите результат.
Как добились нужного размера, переносите эти стили в файл.
29 Октябрь 2014, 20:23:39
Ответ #6
  • Пользователь
  • **
  • Сообщений: 58
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Выделяете блок, который хотите изменить. Справо будут вижны названия файла стилей, в центре код блока. Прямо в браузере меняете ширину widht и сразу видите результат.
Как добились нужного размера, переносите эти стили в файл.
таким методом получается многое сделать, но шире нужное меню - нет... Никак не найду widht.
Выделить блок не получается, если убрать с него курсор, он исчезает
29 Октябрь 2014, 20:39:10
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Выделили на странице блок покажет код. Потом выделяйте этот код. И покажет стили.
Файл /modules/blocktopmenu/css/superfish-modified.css
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
.sf-menu li li {
width:200px;
background:#726f72 !IE;
}
Ширина задана в 200px. Меняете ширину + меняете отступ для блока.
30 Октябрь 2014, 00:09:56
Ответ #8
  • Ученик
  • Фрилансер
  • *
  • Сообщений: 180
  • Репутация: +0/-0
  • Создание продающих сайтов.
    • Просмотр профиля
    • Создание продающих сайтов, интернет-магазинов, визиток, блогов и порталов. Аудит системы продаж сайта!
попробуйте побалываться с (margin 2 em auto 4 em;)
Выделили на странице блок покажет код. Потом выделяйте этот код. И покажет стили.
Файл /modules/blocktopmenu/css/superfish-modified.css
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
.sf-menu li li {
width:200px;
background:#726f72 !IE;
}
Ширина задана в 200px. Меняете ширину + меняете отступ для блока.
30 Октябрь 2014, 19:58:16
Ответ #9
  • Пользователь
  • **
  • Сообщений: 58
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Выделили на странице блок покажет код. Потом выделяйте этот код. И покажет стили.
Файл /modules/blocktopmenu/css/superfish-modified.css
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px; /* match ul width */
top: 0;
}
.sf-menu li li {
width:200px;
background:#726f72 !IE;
}
Ширина задана в 200px. Меняете ширину + меняете отступ для блока.
большое спасибо, помогло