Hi,
I’ve the following issues with bought together feature:
1) Adding border to bought together wrapper but no border appears in single product page:
https://prnt.sc/cDVcd4MOK6FV
2) Differences in height of products on bought together list:
https://prnt.sc/Oto6SW-3DpJ7
I’ve found a piece of code on other 8theme topic, but this code only fix the differences in height at shop page. Can you modify the code so it will also work on bought together products.
.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;
}Regards.
