Πίνακας εκτός καμβά

Το Off Canvas Panel παρέχει κάτι περισσότερο από ένα άλλο μέρος για να προσθέσετε την πλοήγησή σας. Με τις περιοχές Widget και τα άγκιστρα μπορεί να φορτωθεί με επιπλέον στοιχεία. Όπως καλύφθηκε στην ανάρτηση Πώς έγινε η εκπομπή κάναμε λίγη φανταχτερή δουλειά για να δημιουργήσουμε ένα φίλτρο καταστήματος καθώς και να παρέχουμε την πλοήγηση για κινητά.

Θα πρέπει να ξεκινήσετε με τη γνωριμία με την επιτροπή. Διαβάστε αυτό για περισσότερες πληροφορίες.

Πίνακας περιεχομένων

Widgets

Τα widgets προστίθενται στο Customizer > Διάταξη > Widgets > Off Canvas Panel ή μέσω του Dashboard > Εμφάνιση > Widgets. Έχουμε χρησιμοποιήσει τα Widgets του Woocommerce. Αυτοί οι τύποι widget είναι δυναμικοί. Για παράδειγμα, τα φίλτρα τιμών και χαρακτηριστικών εμφανίζονται μόνο στις σελίδες του καταστήματος και του αρχείου.

Λίγο CSS για να συμμαζέψετε τα Widgets του Woo και να τα χωρίσετε με κάποια όρια:

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

Δεν υπάρχει εναλλαγή πλοήγησης στην επιφάνεια εργασίας

Όπως καλύπτεται στο άρθρο για το κατάστημα, η τυπική εναλλαγή πλοήγησης για την επιφάνεια εργασίας έχει κρυφτεί, καθώς τη χρησιμοποιούμε για τα Widgets φίλτρου.