Hello,
Thank you in advance for your help!
I tried to use the code from this topic, but unfortunately it didn’t work, the problem is identical to the topic – steps with title, price, product name, picture
I would like each (add to cart, product name, price, category) to be in the same row regardless of the photo. The problem exists in sliders and carousels
topic: https://www.8theme.com/topic/product-slider-add-to-cart-button-aligned-without-the-staircase-effect/
css from topic:
.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;
}
