Panel poza płótnem

Panel Off Canvas zapewnia więcej niż tylko kolejne miejsce do dodania nawigacji. Dzięki obszarom widżetów i zaczepom można go załadować dodatkowymi elementami. Jak opisano w poście Jak powstał Show, wykonaliśmy trochę wymyślnej pracy, aby stworzyć filtr sklepu, a także zapewnić naszą mobilną nawigację.

Powinieneś zacząć od zapoznania się z panelem. Przeczytaj to, aby uzyskać więcej informacji.

Widżety

Widgety dodaje się w Customizer > Layout > Widgets > Off Canvas Panel lub poprzez Dashboard > Appearance > Widgets. Użyliśmy widżetów Woocommerce. Te typy widżetów są dynamiczne. Na przykład filtry cen i atrybutów są wyświetlane tylko na stronach sklepu i archiwum.

Trochę CSS, aby uporządkować widżety Woo i podzielić je ramkami:

.slideout-widget.woocommerce ul li {
    line-height: 2em;
    display: grid;
    grid-template-columns: 0 90% 10%;
}

.slideout-navigation .slideout-widget ul.product-categories li {
    grid-template-columns: 90% 10%;
}

.slideout-widget {
    border-top: 1px solid #ccc;
    padding-top: 2em;
}

Brak przełącznika nawigacji na pulpicie

Jak opisano w artykule o sklepie, standardowy przełącznik nawigacji dla komputerów stacjonarnych został ukryty, ponieważ używamy go do naszych widżetów filtrów.

Dodano do koszyka.
0 produktów - 0,00 
pl_PLPolski