Panel mimo plátna - TheSilverRings

Panel Off Canvas poskytuje viac ako len ďalšie miesto na pridanie navigácie. Pomocou oblastí widgetov a háčikov ho možno naplniť ďalšími prvkami. Ako sme uviedli v príspevku Ako vznikla prehliadka, urobili sme trochu fantázie, aby sme vytvorili filter obchodu, ako aj poskytli našu mobilnú navigáciu.

Na začiatku by ste sa mali zoznámiť s panelom. Pre viac informácií si prečítajte tento článok.

Obsah

Widgety

Widgety sa pridávajú v ponuke Prispôsobiť > Rozloženie > Widgety > Panel mimo plátna alebo prostredníctvom Dashboard > Vzhľad > Widgety. Použili sme Woocommerce Widgets. Tieto typy widgetov sú dynamické. Napríklad cenové a atribútové filtre sa zobrazujú len na stránkach Obchod a Archív.

Trochu CSS na upratanie widgetov Woo a ich rozdelenie pomocou okrajov:

.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;
}

Žiadne prepínanie navigácie na ploche

Ako je uvedené v článku Obchod, štandardný navigačný prepínač pre počítače bol skrytý, pretože ho používame pre naše widgety filtra.