Diverse persone hanno chiesto come mostrare le sottocategorie nella pagina Categorie. Questo riguarda il componente Modern Category + Group Boxes, ma dato che non ha un suo topic (giusto?) condividerò qui i miei risultati:
Questo funziona:
/* Mostra le sottocategorie */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* Rimuove le immagini delle categorie dall'elenco */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
Inoltre, se hai molte sottocategorie, forse vuoi mostrarne una per riga.
/* Una categoria per riga */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
Il risultato appare così:
Penso che i box abbiano un limite di altezza ma non ho trovato il modo di rimuoverlo. Non abbiamo ancora abbastanza sottocategorie per vedere il problema sul desktop, ma stiamo raggiungendo il limite sul mobile:
Qualche idea per risolvere questo problema?