Górne Menu Poziome - Ustawienie

[doslonce]

Witam.

Presta 1.6. Górne menu poziome w szablonie domyślnym bardzo nieczytelnie pokazuje podkategorie. Nazwy prawie nachodzą na siebie. Ponadto gdy posiadają one swoje podkategorie to wygląda to bardzo brzydko.

Czy można i gdzie należy wprowadzić zmiany:

1) Żeby wyświetlał się tylko jeden poziom podkategorii ?

2) Zwiększyć odstęp pomiędzy nazwami podkategorii ?

[Daresh]

Jest to jedna z najczęstszych poprawek sklepów

 

1) 

.sf-menu li li ul {
    display: none !important;

2) Tutaj to zależy od przypadku, najczęściej zmieniam w CSS-ach z float-ów na układ kolumnowy, poprawia to wygląd, ale to ile kolumn i jakie odstępy najlepiej dobrać indywidualnie. Można też pokombinować z wysokością poszczególnych bloków żeby przynajmniej na tym desktopowym widoku się wyrównały.

[Daresh]

Zawsze to wstawiam w tych css-ach właśnie w obrębie modułu blocktopmenu, raczej na końcu.

[doslonce]

1) Rozumiem, że ten kod muszę wstawić do /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

Czy linia wstawienia gra rolę czy jest dowolna ?
Jaki jest kod d\żeby wyświetlało dwa poziomy kategorii ?

 

2) W którym css mogę zmienić odstępy. W tej chwili niektóre pozycje menu rozwijają się lepiej inne gorzej (załączniki). W drugim pliku widać dziwne ustawienie i jest kompletnie nieczytelne. Ale w obu brakuje odstępu między blokami.

[Daresh]

Widocznie on też jest zrobiony przy pomocy superfisha, trzeba więc tą regułę zrobić bardziej szczegółową, aby dotyczyła tylko .sf-menu wewnątrz głównego paska.

[doslonce]

Jak w superfish-modified.css dopisuję na końcu

.sf-menu li li ul {
    display: none !important;  

to faktycznie znikają podkategorie, ale rozsypuje czarny pasek na górze, na którym jest telefon do kontaktu i logowanie

[doslonce]

Poradziłem sobie. Dla wszystkich, którzy chcą zmienić górne menu poziome (blocktopmenu) należy odnaleźć plik superfish-modified.css.
U mnie on był w /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

Żeby:

1) nie wyświetlać podkategorii:

znajdź w pliku superfish-modified.css linię 105 i zamiast kodu

display: block !important;

wstaw

display: block none !important;

Choć niestety podkategorie się pokazują po najechaniu na kategorię.
Może ktoś wie co zmienić żeby się w ogóle nie pokazywały podkategorie ?

 

2) żeby zwiększyć odstęp pionowy między podkategoriami:

odszukaj w pliku superfish-modified.css linię 143 i w kodzie

font: 600 16px/20px "Open Sans", sans-serif;

zmień dowolnie wartość "20px" w zależności od tego jaki chcesz efekt osiągnąć. Mnie zadowoliło 35px

 

Pozdrawiam wszystkich i dziękuję Daresh

Edited March 1, 2016 by doslonce (see edit history)

[doslonce]

Wstawiłem:

żeby nie wyświetlać podkategorii 2 rzędu:

w pliku superfish-modified.css w linii 105 zamiast kodu

display: block !important;

wstawiłem

display: block none !important; 

No i po najechaniu na kategorię pokazują się podkategorie. Niestety po najechaniu na podkategorie jednak pokazują się podkategorie 2 rzędu..

Jak wyłączyć pokazywanie podkategorii 2 rzędu ?

 

I jeszcze pytanie: mam 4 rzędy kategorii. Pole z podkategoriami w dolnych rzędach wyświetla się do góry i zasłania kategorie.

Jak zrobić żeby wyświetlały się tylko w dół ?

[doslonce]

Wyłączenie wyświetlania podkategorii w górnym menu poziomym w presta 1.6:

 

W themes / mój themes / css / modules / blocktopmenu / css / superfish-modified.css

wpisałem na końcu

#block_top_menu ul li ul {  
  display: none!important;
}

co dało zamierzony efekt.