Return to previous page

Reply 298830 to: Alignment issue of Product Card and need design update of product details

Avatar: Rose Tyler
Rose Tyler
Support staff
August 14, 2021 at 09:03

Hello,

1) As you can see titles of products have different lengths. Theme Options > WooCommerce > Shop > Products style > Product Title Limit By and Product Title Limit
OR add the next code in Theme options > Theme custom CSS:

.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}

2) There is no such option by default. So, you may look for a third-party plugin to implement this

Regards

#298830
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.