product_listing rahmen

[satriani]

hallo,

ich habe eine frage: gibt es ein script, dass die umrahndung der einzelnen produkte bei der produktauflistung gleich gross macht ?

ich habe beispielsweise eine auflistung, da sind die bilder alle gleich breit aber leider nicht gleich hoch, weil diese zugeschnitten werden mussten. damit haben auch die rahmen um die produkte unterschiedliche höhen und schliessen unten nicht bündig ab was optisch nicht recht vorteilhaft ist.

ich freue mich auf jeden tipp

lg

satriani

Linkback: https://www.modified-shop.org/forum/index.php?topic=34301.0

[Bonsai]

Und in welchem Template?

Edit: Und in welchem Listing? Standarmäßig sind das unterschiedliche für z.B. Sonderangebote und Kategorieansicht.

Edit2: ein Link zum Shop ist SEEEEHR hilfreich in dem Fall, weil man dann A) Besser sieht was gemeint ist und B) man direkt im Firefox mit dem CSS Spielen kann und somit eventuell gleich das Ergebnis testen könnte.

[satriani]

danke bonsai,

das template ist bootstrap. der link lautet:

www.vim-shop.de  (zugangsdaten marco /marco2016)

seite ist noch gesperrt !

vielen lieben dank

satriani

[Gradler]

Schau Dir das doch mit firebug für firefox genauer an. Da findest Du die entsprechende Stelle in der css Datei. minheight und maxheight dürften Dir an der gefundenen Stelle weiterhelfen.

[Bonsai]

Aufgrund der Wortwahl in der Fragestellung gehe ich davon aus, dass er nicht mal ansatzweise CSS kann.

Ich vermute, wenn man der Klasse well eine min-height zuweist, könnte es gehen. Aber was das für das restliche Template bedeutet kann ich nicht abschätzen.

Im CSS is irgendwo

Code: CSS  [Auswählen]

.well {


}
 

Da mal das testen:

Code: CSS  [Auswählen]

.well {
   min-height: 600px !important;
}

 

Wenn ich dem Element den Style direkt zuweise geht es so.

[Bonsai]

Eine Alternative wäre die Produktlistings umbauen auf display:table.

Was folgende Nachteile hat:
performance (Ich hatte mal eine Tabelle damit erzeugt mit mehreren tausend Zellen, man ist fast eingeschlafen beim Aufbau des Bildes, display:table entsorgt und es ging flott)
browserkompatibilität (Es sind noch nicht alle Browser soweit das wirklich zu verstehen)

Vorteil wäre, man muss keine fixe Höhe angeben. Es würde dynamisch immer die höchste Zeile genommen.

[satriani]

danke bonsai, danke gradler,

ein wenig css kann ich schon (also mit dem nichtmal ansatzweise hast du nicht ganz recht bonsai). aber ich bin da alles andere als sattelfest.

ich werde das lt. euren vorschlägen mal testen und möchte mich bei euch für die nette unterstützung recht herzlich bedanken.

lg

satriani

[Gradler]

Aufgrund der Wortwahl in der Fragestellung gehe ich davon aus, dass er nicht mal ansatzweise CSS kann.

Dafür kriegt er ja wohl auch "Lehrgeld" von seinem "Kumpel" damit der Sattel passt.

Du weißt aber schon, daß das "well" nur das Grundgerüst darstellt? Wenn aus "well" ein "well dingsbums" gemacht wird läßt sich dort die Höhe dann individuell zuordnen ohne in die original css eingreifen zu müssen.

[satriani]

danke,

das hat geklappt. bei hochkantbildern passt das jetzt ganz gut. der shop hat aber auch querformat bilder, hier ist dann der rahmen zu lang. naja.

da stellt sich die frage was man will, die taube auf dem dach oder den spatz in der hand.

ich danke trotzdem vielmals.

lg

satriani

[Gradler]

Was hat nun geklappt? Wäre toll, wenn Du Deine Lösung auch für Andere preisgibst die später vielleicht vor dem gleichen Problem stehen.

[satriani]

hallo gradler,

die grössenanpassung der produktumrandung, jedoch wurden dabei dann auch andere boxen im system auf die eingestellte grösse "hochgezogen". desweiteren war es bei produkten, bei denen die fotos im querformat sind war der rahmen einfach zu lang.

reicht diese aussage?

lg

satriani

[Gradler]

Finde es zwar etwas dünn, immerhin schon besser als nur ein "hat geklappt"