Автор Тема: Убрать/скрыть категории меню PrestaShop 1.6.1.24  (Прочитано 67 раз)

29 Октябрь 2022, 22:49:34
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Всем привет :) подскажите как можно либо убрать/скрыть первые категории меню(они как кто горизонтально выглядят) стандартный шаблон и разделить все это на столбцы,  либо сделать так чтобы выпадающие категории были в виде столбцов нужно 3-4 столбца, с какими файлами нужно работать?
нашёл вот это:
prestashop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

141  .sf-menu > li > ul > li > a {
142   text-transform: uppercase;
143   font: 600 16px/20px "Open Sans", sans-serif;
144   color: #333;
145   display:none!important;}


вставил строкой 145 код: display:none!important;

категории исчезли в мобильной версии - нет

но как сделать столбцы чтоб (подкатегории) список вмещался на экран, а не вниз?



30 Октябрь 2022, 14:59:49
Ответ #1
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Чтобы изменить вид категорий в меню  на столбец (из горизонтального отображения на вертикальное) 
изменил значение свойства float  с left на none у меня это строка 149

файл: prestashop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

код:

148 .sf-menu > li > ul > li {
149  float: none;
150  width: 20%;
151 padding-right: 15px; }
152 @media (max-width: 767px) {
153    .sf-menu > li > ul > li {
154  width: 50%; } }
155   @media (max-width: 479px) {
156    .sf-menu > li > ul > li {
157      width: 100%;
158      padding-bottom: 20px; } }
159  @media (min-width: 768px) {
160   .sf-menu > li > ul > li.first-in-line-lg {
161      clear: left; } }
162  @media (min-width: 480px) and (max-width: 767px) {
163   .sf-menu > li > ul > li.first-in-line-xs {
164      clear: left; } }



30 Октябрь 2022, 15:10:49
Ответ #2
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Шрифт категорий, вид шрифта меняется свойством text-transform установил обычный значением  none

файл: prestashop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

код:

138    .sf-menu > li > ul {
139     padding: 26px 30px 31px;
140     width: 100%; }
141    .sf-menu > li > ul > li > a {
142    text-transform: none;
143    font: 600 13px/20px "Open Sans", sans-serif;
144    color: #333;}
145    .sf-menu > li > ul > li > a:hover {
146    color: #515151; }
31 Октябрь 2022, 15:10:34
Ответ #3
  • Новичок
  • *
  • Сообщений: 7
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Чтобы разбить подкатегории на 4 столбца вставил код:

.sf-js-enabled li li ul{
 display:inline-grid !important;
 grid-template-columns:auto auto auto auto;
}

В файл: prestashop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
в нём нашёл кусок такого кода:

193 .cat-title {
194  display: none; } 
195  @media (max-width: 767px) {
196  .cat-title {
197   display: block;
....     font: 600 18px/22px "Open Sans", sans-serif;
 
затем вставил в него код между строк 194  и 195 получилось:

193 .cat-title {
194  display: none; } 
    .sf-js-enabled li li ul{
        display:inline-grid !important;
        grid-template-columns:auto auto auto auto;
        }

195 @media (max-width: 767px) {
196    .cat-title {
197     display: block;
 ....     font: 600 18px/22px "Open Sans", sans-serif;

если в свойстве  grid-template-columns: прописать auto два раза будет 2 столбца, у меня 4