Category Images Resize and options preset

We are facing the following problem, we want in each category with products, first to appear all subcategories and then all the products of this category.

Hello,

Thank you for reaching out to us!

Please, navigate to Appearance -> Customize -> WooCommerce -> Product Catalog -> choose the “Show subcategories” option from the dropdown of the “Category display” field for appearing subcategories.

https://monosnap.com/file/ldxaumLEVsiNZjpjH0WGkGwkTrVowO

Here is the custom CSS code for making subcategories smaller. Enter it to the “Custom CSS for desktop” field in Theme Settings -> Custom CSS.

.tax-product_cat .products .category-grid-item {
    flex: 0 0 16.666%;
    max-width: 16.666%;
}

.tax-product_cat .category-grid-item .wd-entities-title {
    font-size: 14px;
}

.tax-product_cat .category-grid-item .more-products {
    font-size: 12px;
}

Kind Regards

Thank you very much sit it helps a lot, but if we have 7 categories for example, can we separate products in another section beacuse ass you can see here (http://pharmacy1.dondigital.gr/product-category/%ce%bc%ce%b1%ce%bc%ce%b1-%cf%80%ce%b1%ce%b9%ce%b4%ce%b9/) the procuts are going to the same row with categories

Thanks in advance

Hello,

Unfortunately, we can’t separate products and subcategories because you have enabled the “Show subcategories & products” option that accommodates it in one section.

https://prnt.sc/21d8gcp

The best way is to use only the “Show subcategories” option that divides subcategories and products into different pages.

https://prnt.sc/21d97ft

Kind Regards

[Author]

Posts