Dag Maurice, dit kun je vaak het beste doen door een min-height (CSS) op te geven voor bepaalde delen van je site onderdelen.
Probeer deze CSS eens toe te voegen aan je style.css of via ‘Customizer’ > ‘Extra CSS’:
.woocommerce-loop-product__title { min-height: 130px; }
Hoi Ruurd,
Dank je voor je antwoord.
Na wat omzwervingen op het net kwam ik het volgende tegen en heb dat middels Extra CSS ingevoegd en dat werkt prima moet ik zeggen:
a.added_to_cart.wc-forward {
position: absolute;
display: block;
bottom: 10px;
}
a.button.add_to_cart_button,
a.button.product_type_simple {
bottom: 30px;
position: absolute;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
min-height: 295px !important;
margin-bottom: 70px;
}
a.button.add_to_cart_button,
a.button.product_type_simple {
bottom: -50px;
position: absolute;
Ik ga jouw suggestie ook eens proberen omdat dat toch iets simpeler is (ook om te onthouden)
Met vriendelijke groet,
Maurice
Hallo,
Ik heb exact dezelfde vraag, maar met de bovenstaande oplossing zien de categorie pagina’s met alleen maar kleine afbeeldingen er ‘raar’ uit; er is dan door de min-height erg veel lege ruimte.
Ik heb ook geprobeerd gebruik te maken van de 1:1 ratio voor de afbeeldingen, maar dan wordt er een stukje van de afbeelding ‘afgehakt’.
Eigenlijk zou ik gebruik willen maken van een HTML tabel en het plaatje, de titel, de prijs en de ‘in winkelwagen’ knop allemaal in hun eigen rij zetten. Dan wordt de layout (volgens mij) vanzelf goed geregeld.
Weet iemand of zoiets kan?
Groeten,
Ellen