Equal height products in swiper carusel Related products

This topic has 4 replies, 3 voices, and was last updated 8 months, 1 weeks ago ago by Andrew Mitchell

  • Avatar: Valentin
    Valentin
    Participant
    March 14, 2024 at 11:17

    Hello,
    I have variable products with variation swatches and simple products in the Related products swiper. Is there a way of making them the same height? Please see snip.

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 14, 2024 at 12:51

    Hello, Valentin,

    Thank you for reaching out to us with your query.

    We understand that you would like to have a uniform height for variable products with variation swatches and simple products in the Related products swiper on your website.

    Please try to add the next code in Theme Options > Theme custom CSS > Global:

    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }
    .products-slider .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }

    Best Regards,
    8Theme’s Team

    Avatar: Valentin
    Valentin
    Participant
    March 14, 2024 at 15:15

    That’s great, thank you!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    March 14, 2024 at 15:15

    Dear Valentin,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Equal height products in swiper carusel Related products’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

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