Hallo sitedealers
ik ben bezig met een prestashop site, nu stuit ik tegen het volgend probleem aan.
het gaat om een css probleem volgens mij.
zoals je kan zien in de bijlage Hier. worden de product boxen groter, naarmate ik meer tekst erin doe.
Is er een manier om dit te voorkomen? ik heb de css file al bekeken (meerdere keren) en ook bijgesloten. Voor mensen die eventueel willen kijken.

Het gaat dus om de boxen van de nieuwe producten, ik heb al iets gevonden in de css, maar weet niet wat ik moet aanpassen. wie o wie heeft een tip.

Dank u.

Je zou een vast hoogte en breedte kunnen opgeven en dan overflow: auto; of overflow: scroll; toevoegen, of het gaat werken weet ik niet maar probeer het.
Heb veel liever een link naar de pagina met het probleem dan een afbeelding..

Je kan het vakje een vaste height meegeven, dan rekt hij niet uit.

ik ga de css file eens beter bekijken, bedankt voor jullie adviezen.

Je moet inderdaad, zoals hierboven gezegd word een height mee geven en ook een overflow.
Hiervoor kan je kiezen voor auto (zodra er te veel tekst in het vak komt te staan zal er een scroll bar komen om naar beneden te scrollen) of voor hidden (alle tekst die niet in het vak past zal niet zichtbaar zijn)

Wat ook mogelijk is om middels jQuery de hoogste box te bepalen en de andere boxen een dezelfde hoogte te geven. Ik gebruik hiervoor de volgende code:

PHP Code:

var maxHeight = 0;

$("div.product").each(function(){
   if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});

$("div.product").height(maxHeight); 


div.product verwijst dan naar de verschillende divs waarin je een product weergeeft.

Het 'nadeel' van bovengenoemde manier om je boxen een vaste hoogte te geven al dan niet met een overflow: auto is dat of je meeste boxen te hoog zullen zijn als je in een of meerdere een lange tekst toont en met de overflow leg je de gebruiker een extra handeling (scrollen) op om bepaalde belangrijke informatie te tonen.