Druckbare Version
Hallo Leute,
wie kann ich die Anzahl von Bildern pro Reihe in einer Gallerie festlegen?
Ich habe halt genau 4 Bilder und somit will ich dass immer 2 in einer Reihe sind, so dass alle 4 Zusammen dann sozusagen nen Rechteck bilden.
Aktuell stehen aber immer 3 Nebeneinander und 1 in der nächsten Reihe.
Gibt es da irgendeine Möglichkeit?
mfg
Hallo Wrathberry
Das kannst du bei den Bildeinstellungen (Image Settings) einstellen.
Anhang 15850
Danke für deine Antwort. Aber die Option hatte ich auch schon gefunden und ganz egal was ich da eingebe, es ändert im Prinzip nichts.
Also auch wenn ich da nun z.B. 4 eingebe, setzt er dennoch nur 3 nebeneinander und das 4. darunter.
Gebe ich ne kleinere Zahl ein, ändert sich auch nichts.
IRgendeine Idee an was das liegen könnte?
Edit: Nutze den Thread mal für noch ne Frage zu dem Thema: KAnn ich die Gallerie auch nutzen, um Links zu anderen Seiten auf die Bilder zu setzen? Sagen wir ich habe ein Bild von Produkt X in der Gallerie, kann ich dann auf das Bild in der Gallerie einen Link setzen, der zur Detailseite von Produk X führt?
Ok das einzige was mir noch einfallen würde ist, dass die Gallery als Liste generiert wird. Dann musst du das ganze via CSS anpassen, also zB dem li eine width von 50% geben. Dann sollte das machbar sein.
Zur zweiten Frage.
Sollte eigentlich machbar sein. Wenn du die "Produktbilder" hochlädst und die Metainformationen editierst gibt es ein Feld für Links. Dort könntest du den Link einsetzen.
Ich habe es noch nie getestet, könnte mir aber vorstellen das es klappen könnte.
Sehr komfortabel ist das ganze allerdings nicht.
In den aktuellen Contaoversionen kannst du einen Link in der Dateiverwaltung hinterlegen. Hierfür gibt es ein Metafeld.
Super das hat geklappt. Vielen dank dafür.Zitat:
Zitat von Kahmoon
Das Problem mit den Bildern pro Reihe besteht aber weiterhin.
Also falls noch irgendjemand eine Idee hat, warum er bei mir die Bilder pro Reihe nicht anpasst, dann wäre ich dankbar :D
Normalerweise klappt das...hast du ein verändertes Template für die Galerie?
Ich habe nen komplettes Template. D.h. es könnte schon sein, dass das Standardgallerieding überschrieben wird.
Wo müsste ich denn dann was ändern, damit ich die Anzahl der Bilder pro Reihe wieder verändern kann?
Ich meinte ein Template und kein Theme :-)
Im Element selbst steht welches Template dafür genommen wird. Vermutlich gallery_Default. Wenn diese Datei auch im Ordner /templates liegt, wurde sie wahrscheinlich angepasst (Sieht man auch im Backend -> Menüpunkt Templates). Zum Testen könntest du diese Datei einfach mal umbenennen. Dann nimmt er das default Template
Also in den Templates wurde die Gallerie Datei tatsächlich verändert. Ich hab diese nun umbenannt. Das hatte zur folge, dass ich nun bei den Galerie-Templates die umgenannte Datei und das default Template auswählen kann.
Aber selbst wenn ich nun das galerie_default Template auswähle, ändert das nichts an meinem Problem :-\
Du bist aber sicher im richtigen Element oder? :)
Ich bin im Element "Gallerie". Und wie du gesagt hattest war unter "Templates" eine Datei mit dem Namen "gallery_default.html5".Zitat:
Zitat von Kahmoon
Diese habe ich dann umgenannt was zur Folge hatte, dass ich nun in den Einstellungen der Galerie 2 Templates auswählen konnte. Eins mit dem veränderten Namen und das gallery_default template.
Müsste also an der richtigen Stelle sein oder nicht? :D
Jein, alle Galerieelemente haben ja dieses Template zur Auswahl. Also siehst du diese Einstellung auch in einem Element an einer anderen Stelle.
Schalte es doch mal unsichtbar und schau ob es dann im Frontend noch zu sehen ist.
Wenn ich das Unsichtbar schalte, ist es nicht zu sehen :). Ist auch die einzige Gallerie aktuell an der Stelle. Bin also schon definitiv in der richtigen Galerie.
"Das moo_mediabox- oder j_colorbox-Template muss im Seitenlayout eingebunden sein."
Das steht oben drüber bei den Einstellungen zur Galerie. Hat das irgendwas damit zu tun?^^
Nein, das ist nur dafür verantwortlich Bilder in einer Lightbox zu öffnen.
Schau dir die beiden Varianten auch mal im Quelltext an, das Template vergibt meines Wissens nur die entsprechenden Klassen für jedes Bild (bzw das <li>, in dem es untergebracht ist. Die Anordnung wird meines Wissens nur per CSS aus den Klassen erzeugt. Die Klassen kann man also ggf auch einfach ignorieren und das zugehörige CSS vom Contao Core überschreiben.
Habe ich auch schon gemacht und die li's einfach alle gefloatet oder als inline-block ausgegeben. Sicher kann man sie so per css auch recht einfach jeweils 3 pro Spalte ausgeben. Mittlerweile habe ich mir aber ein Template erstellt, das die Klassen erst gar nicht mit ausgibt für solche Fälle, weil die Klassen dann erstens sinnlos und verwirrend sind und zweitens den Quelltext aufblähen.
Das ist der Quelltext aus dem template. Ist darin irgendwas zu sehen, bezüglich der Zeilen?Code:<ul>
<?php foreach ($this->body as $class=>$row): ?>
<?php foreach ($row as $col): ?>
<?php if ($col->addImage): ?>
<li class="img-responsive <?php echo $class; ?> <?php echo $col->class; ?>">
<figure class="image_container"<?php if ($col->margin): ?> style="<?php echo $col->margin; ?>"<?php endif; ?>>
<?php if ($col->href): ?>
<a href="<?php echo $col->href; ?>"<?php echo $col->attributes; ?> title="<?php echo $col->alt; ?>"><img class="img-responsive" src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>"></a>
<?php else: ?>
<img class="img-responsive" src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>">
<?php endif; ?>
<?php if ($col->caption): ?>
<figcaption class="caption" style="width:<?php echo $col->arrSize[0]; ?>px"><?php echo $col->caption; ?></figcaption>
<?php endif; ?>
</figure>
</li>
<?php endif; ?>
<?php endforeach; ?>
<?php endforeach; ?>
</ul>
Damit meine ich jetzt nicht, dass du das so machen sollst, sondern dass die Theme-Ersteller das eventuell so gemacht haben. Müsstest du mal schauen, welches CSS dafür verantwortlich ist und es ggf. "ausschalten".Zitat:
Zitat von tab
"okay". Sorry aber damit bin ich überfordert. Wenn man mir sagt an welcher Stelle ich welchen Code ändern muss krieg ich das noch hin. Aber ich hätte nun überhaupt keine Ahnung wo ich außer in dem Template noch irgendwelche Änderungen vornehmen kann, die darauf Einfluss haben.^^Zitat:
Zitat von tab
Mit einem Link zur Seite wäre das Thema wahrscheinlich schon lange erledigt gewesen ;)
Ohne Link wirds immer schwierig :)
Mag nicht, dass der Link zum kompletten Rohbau der Page um Netz rumgeistert sorry. Das ist aktuell noch nicht für die Öffentlichkeit gedacht.
In wie fern würde das denn helfen? Weil man da im Prinzip doch auch nur die 4 Bilder sieht, wo 3 in einer Reihe sind und das 4. darunter^^
Man kann sich die HTML und CSS Ausgabe anschauen.
Kannst den Link ja später wieder entfernen.
Sorry, ich meinte das ausgegebene HTML der Seite mit der Galerie, damit man sieht, ob da Klassen für 4 Spalten ausgegeben werden und trotzdem 3-spaltige Reihen ausgegeben werden. Dem Template nach zu urteilen sieht es schon so aus, als ob die Klassen ausgegeben werden. Für wieviele Spalten kann man daraus aber nicht erkennen.Zitat:
Zitat von Wrathberry
Ich hoffe das hilft :D Das ist nun der Code von der ausgegebenen Seite. Habe nur die Namen usw. mit "XXX" ersetzt, das sollte ja für das Layout eigentlich keine Rolle spielen.Code:<div class="ce_gallery first last block">
<h1>Software</h1>
<ul>
<li class="img-responsive row_0 row_first even col_0 col_first">
<figure class="image_container" style="margin:5px;">
<a href="XXX" title="XXX.jpg"><img class="img-responsive" src="XXX" width="327" height="308" alt="XXX.jpeg"></a>
</figure>
</li>
<li class="img-responsive row_0 row_first even col_1 col_last">
<figure class="image_container" style="margin:5px;">
<img class="img-responsive" src="XXX" width="327" height="308" alt="XXX.jpeg">
</figure>
</li>
<li class="img-responsive row_1 row_last odd col_0 col_first">
<figure class="image_container" style="margin:5px;">
<img class="img-responsive" src="XXX.jpeg" width="327" height="308" alt="XXX.jpeg">
</figure>
</li>
<li class="img-responsive row_1 row_last odd col_1 col_last">
<figure class="image_container" style="margin:5px;">
<img class="img-responsive" src="XXX.jpeg" width="327" height="308" alt="XXX.jpeg">
</figure>
</li>
</ul>
Kann man so erkennen, warum er das nicht in 2 Zeilen packt?
Mit dem gallery-default Template müsste das dann 4 spaltig in etwa so aussehen. Habe das gerade mal bei mir umgestellt, die Website wird aber trotzdem nicht anders dargestellt wie zuvor - ganz wie bei dir. Ist eben alles CSS.
Edit: Sehe gerade deinen Quelltext, da werden also Klassen ausgegeben aber für 2-spaltige Anzeige (col_0, col_1) :D
Wenn das also nicht zweispaltig angezeigt wird, dann ist das eben per CSS verbogen wie bei mir auch :)
Okay, dann ist da irgendwo nen CCS der das Ganze beeinflusst. D.h. bevor ich nicht rausfinde wo, kann ich daran nichts ändern :D.Zitat:
Zitat von tab
Falls du noch rausfindet, wo das sein kann, lass es mich wissen :D.
Aber danke schonmal für die Hilfe an alle :)
Wie soll er/wir das ohne Link? Mit einer Glaskugel? :DZitat:
Zitat von Wrathberry
Ja, da solltest du schon selbst mal einfach mit der "Element untersuchen" Funktion die li's anschauen, welche Regeln auf sie angewendet werden. Da kannst du auch rausfinden, aus welcher CSS-Datei sie kommen.
Nein, die Darstellung erfolgt ja über das CSS. Die Einstellung "Bilder pro Reihe" in der Galerie hat nur auf die CSS Klassen des <ul> Elements und der <li> Elemente der Galerie eine Auswirkung, sonst macht das nichts*.Zitat:
Zitat von Wrathberry
* stimmt nicht ganz - auch die Ausgabegröße der Vorschaubilder wird davon beeinflusst, wenn in den Systemeinstellungen eine maximale Frontend Breite für die Bilder definiert ist