Несколько человек спрашивали о отображении подкатегорий на странице категорий. Это касается компонента Modern Category + Group Boxes, но так как у него нет отдельной темы (правильно?), я поделюсь своими находками здесь:
Это работает:
/* Отображает подкатегории */
.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;
}
/* Удаляет изображения категорий из списка */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
Также, если у вас много подкатегорий, возможно, вы захотите отображать по одной категории в строке.
/* Одна категория в строке */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
Результат выглядит так:
Думаю, у блоков есть ограничение по высоте, но я не нашёл способа его убрать. У нас пока недостаточно подкатегорий, чтобы увидеть проблему на десктопе, но на мобильном устройстве мы упираемся в это ограничение:
Есть ли идеи, как решить эту проблему?