Product Grid in Shop - by fulya - on WordPress WooCommerce support

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

  • Avatar: fulya
    fulya
    Participant
    June 2, 2021 at 01:11

    Hi,

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 2, 2021 at 07:04

    Hello,

    1) Try to 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;
    }

    Also, go to Theme Options > WooCommerce > Shop > Shop page layout > Products Masonry > Off
    2) Theme Options > Header builder > Multiple headers. If you have a few headers, compare their settings. https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: fulya
    fulya
    Participant
    June 2, 2021 at 13:16

    Hi,
    2) Theme Options > Header builder > Multiple headers.

    I only have 1 template and it is set to All Website.

    I think it is sorted now when I saved my template again. Thanks
    Thanks
    Fulya

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

The issue related to '‘Product Grid in Shop’' has been successfully resolved, and the topic is now closed for further responses

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