Skocz do zawartości
Bartosz

Separator w liście kategorii

Rekomendowane odpowiedzi

Funkcjonalnym dodatkiem była by możliwość dodania w liście kategorii "separatora".

Na obecnym etapie działania sklepu nie chciał bym budować zbyt skomplikowanego drzewa kategorii - chcę aby wszystkie kategorie dostępne były od razu widoczne. Kategorie mógł bym podzielić na dwie grupy więc dobry był by mechanizm pozwalający na oddzielenie ich od siebie. O co dokładnie chodzi?

 

Obecnie wygląda to na stronie głównej tak:

kategoria 1

kategoria 2

kategoria 3

kategoria 4

 

A chciał bym tak:

kategoria 1

kategoria 2

--- separator ---

kategoria 3

kategoria 4

 

Rozwiązaniem było by też gdyby była możliwość wyświetlania na stronie głównej automatycznie rozwiniętego drzewa kategorii. Np ustawienie aby na stronie głównej od razu rozwijał drzewo kategorii do 2 poziomu - poziom mógł by być oczywiście parametrem zmiennym.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Opisany przez Pana separator można dodać korzystając z dodatkowych stylów CSS przy użyciu właściwości border.

https://pomoc.pasejo.pl/-zarzadzanie-wygladem-sklepu-internetowego

Zgłoszenie dodania możliwości wyświetlenia rozbudowanej listy kategorii i podkategorii przekazuję do działu planowania aktualizacji.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dziękuję za wskazówkę. To jeszcze trochę pogłębię temat.

Przedstawiony kod działa na rozwijane menu na górze strony. Jak podobny efektu uzyskać w spisie kategorii, który pojawia się w "treści" strony głównej lub stron kategorii. Załączam screen.

lifun_kategorie.PNG

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Właściwość border-bottom zadziała również na elementy z listy kategorii.

Wystarczy zmienić tylko element, który można pobrać klikając PPM na wybrany element, wybrać Zbadaj, kliknąć PPM na podświetloną linijkę kodu i wybrać Copy » Copy selector.

Powyższa instrukcja dotyczy przeglądarki Google Chrome. Kod powinien wyglądać następująco:

[wklejony selektor] {
    border-bottom: 10px solid #f1f1f1;
}

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Selektor należy wkleić w powyższym kodzie zamiast pola [wklejony selektor]. Kod zwiększający przestrzeń pomiędzy 4 a 5 elementem powinien wyglądać następująco:

#all > div > div > div > div > div > div.col-sm-3.hidden-xs > div > div > div.list-group > a:nth-child(4) {
    border-bottom: 10px solid #f1f1f1;
}

 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się

×