in category page , how to control the display of product’s category ?

Hi,

I have few products that is assigned to multiple categories , which in result, it displays like screenshot , which is kind of ugly

is there any way can make it accordion form or keep only display few categories instead of display all ?

best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can check and give you a possible solution?

Best Regards,

link provided, it should be the first product in the category page, you can see if I assign multiple categories into 1 product, then it will be like that

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.product-grid-item .wd-product-cats {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Adjust the number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

Best Regards,

[Author]

Posts