Return to previous page

Equal height products in swiper carusel Related products

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

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.

#386913 Copied Theme version: 9.2.9

3 Answers
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
#386927 Copied
Valentin

Participant

March 14, 2024 at 15:15

That’s great, thank you!

#386964 Copied

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

#386965 Copied
Tagged: best woocommerce themes, equal height products, related products display, responsive woocommerce themes, swiper carousel, woocommerce best sellers
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

Equal height products in swiper carusel Related products

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection