Overslaan naar inhoud
/* 1. Productkaart als flexbox */
.o_wsale_product_grid_entry {
display: flex !important;
flex-direction: column;
height: 100%;
}
/* 2. Afbeelding container */
.o_wsale_product_grid_entry .oe_product_image {
display: flex;
align-items: center;
justify-content: center;
height: 220px; /* vaste hoogte = consistent grid */
background-color: #fff;
overflow: hidden;
}
/* 3. Afbeelding zelf */
.o_wsale_product_grid_entry img {
max-width: 100%;
max-height: 100%;
object-fit: contain !important; /* volledige afbeelding zichtbaar */
display: block;
margin: 0 auto;
}
/* 4. Product info blok */
.o_wsale_product_information {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 10px;
}
/* 5. Titel + prijs blijven boven */
.o_wsale_product_information > *:not(.o_wsale_product_btn) {
flex-shrink: 0;
}
/* 6. Knoppen altijd onderaan */
.o_wsale_product_btn {
margin-top: auto;
display: flex;
gap: 5px;
justify-content: center;
flex-wrap: wrap;
}
/* 7. Optioneel: vaste minimum hoogte voor mooi raster */
.o_wsale_product_grid_entry {
min-height: 360px;
}
/* ==============================
RESPONSIVE FIXES
============================== */
@media (max-width: 768px) {
.o_wsale_product_grid_entry .oe_product_image {
height: 180px;
}
}
@media (max-width: 480px) {
.o_wsale_product_grid_entry .oe_product_image {
height: 150px;
}
}
