لقد سأل العديد من الأشخاص عن عرض الفئات الفرعية في صفحة الفئات. هذا يتعلق بمكون فئة حديثة + مربعات مجموعات، ولكن نظرًا لأنه لا يحتوي على موضوع خاص به (أليس كذلك؟) سأشارك النتائج التي توصلت إليها هنا:
هذا يعمل:
/* يعرض الفئات الفرعية */
.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;
}
النتيجة تبدو كالتالي:
أعتقد أن المربعات لها حد أقصى للارتفاع ولكنني لم أجد طريقة لإزالته. ليس لدينا ما يكفي من الفئات الفرعية بعد لرؤية المشكلة على سطح المكتب، لكننا نصل إلى الحد الأقصى على الهاتف المحمول:
أي أفكار لحل هذه المشكلة؟