カテゴリーページでサブカテゴリーを表示することについて、いくつか質問がありました。これは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;
}
また、サブカテゴリーが多い場合は、1行に1カテゴリーを表示したいかもしれません。
/* 1行に1カテゴリー */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
結果は以下のようになります。
ボックスには高さ制限があると思いますが、それを削除する方法は見つかっていません。まだサブカテゴリーが十分にないため、デスクトップでは問題が見られませんが、モバイルでは制限に達しています。
この問題の解決策について、何かアイデアはありますか？