Horizontal top menu/Górne poziome menu - co zrobić by subcategories rozwijały się pionowo (ps 1.6)

[Adrjan77]

Witam,

tytuł dosyć obszerny, ale to dlatego, by inni użytkownicy którzy napotkają taki problem, mogli szybko znaleźć ewentualne rozwiązanie.

Ale opiszę może dokładnie problem.

Otóż z menu nie mam żadnych problemów, poza tym, że podkategorie/subcategories, po kliknięciu w daną pozycję menu wyświetlają się w osobnym okienku poniżej, do tego poziomo.

Czy jest jakiś sposób (o tym, że jest jestem święcie przekonany ) na to by menu rozwijało się pionowo po kliknięciu w nie? Jak chociażby miało to miejsce w PS 1.5.

Jeszcze profilaktycznie zostawiam link do sklepu

http://colwaycollagenshop.com/

aby można było zobaczyć o co chodzi konkretnie.

Pozdrawiam

Edited July 7, 2015 by Adrjan77 (see edit history)

[vekia]

sklep w trybie maintenance, czyli przerwy techniczne j :-)

[Adrjan77]

o! to dziwne bo u mnie działa! oczywiście żartuję, już włączyłem sklep mój błąd

[ListwySamochodowe.pl]

To, że są w osobnym okienku to kwestia ustawień odstępu (margin, padding) w css.

W domyślnym szablonie podkategorie się rozwiją poziomo i chyba nie ma opcji przełączenia.

Może jest inny moduł (zamiast top menu) do tego albo trzeba przerobić ten moduł (w sumie chyba można to przerobić w css tylko).

[vekia]

potrzebujesz czegoś takiego:

 

 

?

[Adrjan77]

dokładnie

[ListwySamochodowe.pl]

Jeszcze mi się przypomniało, że domyślnie w bootstrapie jest menu tak rozwijane jak chcesz (http://getbootstrap.com/components/#dropdowns), ale jak tego użyć w tym module i co trzeba przerobić nie wiem.

[design4VIP]

ale wysztarczy tylko na style ul li ul {} dac stala szeroksc np. 250-300px (w zaleznosci od dlugosci nazw) i zmienic ul li ul li {} z 20% na 100% szerokosci. wszystko masz w stylach superfish modulu. co gdzie dokladnie to pokaze ci narzedzie google czy firebug

Edited July 7, 2015 by design4VIP (see edit history)

[vekia]

superfish-modified.css linia 137 dodajemy top: 24px; oraz position:absolute; i usuwamy width:100%; tak jak poniżej

.sf-menu > li > ul {
  padding: 26px 30px 31px;

  top: 24px;

position:absolute

}

linia 149 zamieniamy width:20% na width:100%

.sf-menu > li > ul > li {
  float: left;
  width: 100%;
  padding-right: 15px;
}

global.css linia 8309 dodajmy position:relative; tak aby wyglądało jak poniżej:
 

ul.sf-menu li {
  float: none;
  display: inline-block;
  position: relative;
}

w efekcie uzyskasz menu jak z obrazka który wkleiłem

[kihers]

Witam

 

Nie chcę zaśmiecać forum by wklejać podobny temat.

Nie wiem czemu na stronie sklepu nie rozwijają się w pełni podkategorie w top menu tzn. w jednej z kategorii wyświetla tylko 2 zamiast 6 podkategorii, w innej podobnie. Jeszcze niedawno było wszystko ok, możeliwe że stało się tak po jakiejś aktualizacji w prescie. Proszę o pomoc w tej sprawie.

Adres strony --->  http://vinccionline.pl/

 

Pozdrawiam

[endriu107]

Dopiero temat był poruszany w tym temacie https://www.prestashop.com/forums/topic/453547-rozwi%C4%85zany-g%C3%B3rne-poziome-menu-po-aktualizacji-rozwijana-lista-jest-pusta/ i pewnie u ciebie jest tak samo, aktualizowałeś moduł menu?

[kihers]

Jak już wspominałem zrobiłem aktualizacje modułów...Jestem zielony w temacie, także proszę o pomoc.

[kihers]

Ktokolwiek może pomóc w tym temacie?

[endriu107]

U góry forum jest link "Pobierz" później kliknij na "pobierz poprzednie wersje", pobierz jakąś starszą wersję np. 1.6.0.9 rozpakuj na komputerze w katalogu modules znajdziesz katalog blocktopmenu, zaloguj się na serwer ftp wejdź w katalog modules na serwerze i podmień katalog blocktopmenu na serwerze tym katalogiem z komputera.

[kihers]

Dziękuję bardzo za pomoc...jest ok Pozdrawiam

[Mucha91]

Witam,

Mam pytanie jak zrobić aby kategorie rozwijały się pionowo w dół a podkategorie obok tak jak na stronie http://vinccionline.pl/?

[goliathor]

superfish-modified.css linia 137 dodajemy top: 24px; oraz position:absolute; i usuwamy width:100%; tak jak poniżej

.sf-menu > li > ul {
  padding: 26px 30px 31px;

  top: 24px;

position:absolute

}

linia 149 zamieniamy width:20% na width:100%

.sf-menu > li > ul > li {
  float: left;
  width: 100%;
  padding-right: 15px;
}

global.css linia 8309 dodajmy position:relative; tak aby wyglądało jak poniżej:

 

ul.sf-menu li {
  float: none;
  display: inline-block;
  position: relative;
}

w efekcie uzyskasz menu jak z obrazka który wkleiłem

U mnie linia 8309 nie wygląda jak podałeś... Po zmianach w superfish-modified.css menu rozwija się pionowo ale zasłania przyciski Top menu. Jakieś podpowiedzi ?

[endriu107]

Podaj link do sklepu ciężko tak coś doradzić nie widząc co masz dokładnie.

[goliathor]

Podaj link do sklepu ciężko tak coś doradzić nie widząc co masz dokładnie.

http://goliathoffroad.com/index.php

[endriu107]

Skopiowałeś kod w którym jest top:24px; zmień na 59px nie powiem która linijka dokładnie ponieważ masz włączoną minifikacje css, ale tam gdzie ostatnio edytowałeś szukaj.

[goliathor]

Skopiowałeś kod w którym jest top:24px; zmień na 59px nie powiem która linijka dokładnie ponieważ masz włączoną minifikacje css, ale tam gdzie ostatnio edytowałeś szukaj.

Dzięki bardzo. Można zmienić żeby blok rozwijany był węższy ? Teraz w 2 pierwszych kategoriach rozwija się na prawie cała szerokość strony .