Return to previous page

Alignment issue of Product Card and need design update of product details

This topic has 2 replies, 2 voices, and was last updated 3 years, 4 months ago ago by Rose Tyler

NONAME

Participant

August 13, 2021 at 14:19

– Alignment issue of product card
– Product details page need the quantity based price as I have attached a reference

Please, contact administrator
for this information.

#298787 Copied Theme version: 7.2.8

1 Answer
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 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress WooCommerce Theme

lazy-placeholder

WooPress – WooCommerce WordPress Theme

lazy-placeholder

Man Store – WooCommerce Theme

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Animals Store – WordPress WooCommerce Theme

See All Templates

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