Plusieurs personnes ont demandé comment afficher les sous-catégories sur la page Catégories. Il s’agit du composant Modern Category + Group Boxes, mais comme il n’a pas de sujet dédié (n’est-ce pas ?), je vais partager mes découvertes ici :
Cela fonctionne :
/* Affiche les sous-catégories */
.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;
}
/* Supprime les images de catégorie de la liste */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
De plus, si vous avez de nombreuses sous-catégories, vous voudrez peut-être en afficher une par ligne.
/* Une catégorie par ligne */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
Le résultat ressemble à ceci :
Je pense que les boîtes ont une limite de hauteur, mais je n’ai pas trouvé comment la supprimer. Nous n’avons pas encore assez de sous-catégories pour voir le problème sur ordinateur, mais nous atteignons la limite sur mobile :
Des idées pour résoudre ce problème ?