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

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

  • Avatar: roymonteiro
    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.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 14, 2021 at 09:03


    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


  • Viewing 2 results - 1 through 2 (of 2 total)

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

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