Neu 60/40 Grid aus foreach Schleife?

Groundhog

Sehr aktives Mitglied
11. Januar 2011
382
32
Austria
Hallo mal wieder,


Ich möchte in der News Overview ein unregelmäßiges Grid erzeugen. Dabei sollen sich 60% / 40% Boxen, mit 40% / 60% Boxen Reihenweise abwechseln. Die einzelnen News Vorschauen kommen aus einer foreach Schleife aus blogs/overview.tpl.


Kann ich ohne Javascript und CSS irgendwie so ein abwechselndes 60/40er Raster erzeugen?
Mit Css sollte es ja nicht das Problem sein (nth-child mit prozentueller width sollte ja gehen), ebenso könnte man ja auch die Klassen mittels JS austauschen....(remove/addClass). Gehts aber auch anders?
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.639
1.583
Berlin
  • Gefällt mir
Reaktionen: Groundhog

Groundhog

Sehr aktives Mitglied
11. Januar 2011
382
32
Austria
@css-umsetzung Du bist der Hammer!

Mal davon abgesehen dass ich ein komplettes Smarty Lulu bin, funktioniert das mit {cycle} bereits super. Ich bekomme jetzt pro Beitrag eine andere Klasse....aber, wie dreh ich das um....

Ziel ist folgendes: 60/40/40/60/60/40
Aktuell hab ich : 40/60/40/60/40/60

Somit müsste nach der 2ten Ausgabe nicht direkt widerholt, sondern 1 mal übersprungen werden..

EDIT: Vergiss es...Ich Trottel...hab {cycle} einfach 4 Werte gegeben...nicht nur 2...jetzt läufts :D
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Hallo,
du musst einfach für die erste Box {cycle name="left" values="40,60"} und für die Zweite {cycle name="right" values="60,40"} verwenden.
 

Groundhog

Sehr aktives Mitglied
11. Januar 2011
382
32
Austria
Mein aktueller Code sieht so aus:

PHP:
{foreach name=uebersicht from=$oNewsUebersicht_arr item=oNewsUebersicht}
    <div class="blogbox {cycle values="col-md-7,col-md-5,col-md-5,col-md-7"}"  itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
...
{/foreach}

Ist das so korrekt?
 

Groundhog

Sehr aktives Mitglied
11. Januar 2011
382
32
Austria
Hallo,
du musst einfach für die erste Box {cycle name="left" values="40,60"} und für die Zweite {cycle name="right" values="60,40"} verwenden.

Zeilen gibt es ja eigentlich eine da sich die Blogbeitragsvorschauen ja nicht über Zeilen anordnen, sondern nur über die Spalten. Die Zeilen entstehen ja gezwungenermaßen. Die beabsichtigte Zeile (<div class=".row"></div>) muss ja vor die foreach Schleife, sonst wird ja pro Item eine Row erzeugt.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Gefahrlos Testkunden aus tkunde löschen? Umstieg auf JTL-Shop 0
Neu Kurzbeschreibung aus mehreren Zellen importieren - möglich? User helfen Usern - Fragen zu JTL-Wawi 3
Neu Daten aus getBackorderString Templates für JTL-Shop 7
Neu Nach Update auf 5.3 fliegen die Produkte aus dem Merchant Center JTL-Shop - Fehler und Bugs 0
Neu Update des JTL shops aus der Wawi funktioniert nicht Allgemeine Fragen zu JTL-Shop 1
Neu EK-Netto der Verkäufe aus Datenbank ? User helfen Usern - Fragen zu JTL-Wawi 5
Kundenattribute aus Shop übernehmen und aus Wawi zurück an Shop übermitteln Einrichtung JTL-Shop5 1
Neu Produktdaten aus Shop zur Wawi WooCommerce-Connector 9
Neu Kunden aus Wawi nicht auffindbar JTL-POS - Fehler und Bugs 4
Versuch Bilder aus Ebay für Kaufland zu übernehmen JTL-Wawi 1.8 0
Druckvorlage für Etiketten aus Auftragspositionen JTL-Wawi 1.8 4
Neu Shop in Unterverzeichnis führt dazu, dass Inhalte aus dem übergeordneten Verzeichnis im Shop gezeigt werden JTL-Shop - Fehler und Bugs 3
Rechnung zeigt Mehrwertsteuer 0% aus obwohl 7% berechnet werden - wenn UST-ID eingegeben JTL-Wawi 1.8 0
Warum sind die Rechnungen aus Aufträge(mit Rechnung(Vollständig)) nicht unter Rechnung zu finden JTL-Wawi 1.7 0
Neu Alle Produktbilder in Shopify aus JTL löschen Shopify-Connector 0
Neu Zusammenführen / Konsolidieren von Artikeln aus 2 Quellen (Amazon / Shopify) und zentrale Bestands-Verteilung an beide Systeme User helfen Usern - Fragen zu JTL-Wawi 0
Kartonage (Set) besteht aus mehreren Artikeln (Stückliste) JTL-Wawi 1.8 0
Neu Coupon einlösbar bei Mindestbestellwert aus Kategorie xy Allgemeine Fragen zu JTL-Shop 0
Neu Suche Seite 2 gibt falsche URL aus JTL-Shop - Fehler und Bugs 4
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu JTL POS übernimmt Attribute nicht aus WaWi Einrichtung / Updates von JTL-POS 2
Neu Aus bestehenden Artikeln einen Vaterartikel erzeugen. JTL-Wawi - Ideen, Lob und Kritik 0
Ausgabe per E-Mail geht plötzlich nicht mehr, Testmail aus Wawi aber schon JTL-Wawi 1.6 22
Neu erster JTL Shop - Artikelbilder aus Cloudspeicher - aber nicht in die Wawi eazybuisiness DB Allgemeine Fragen zu JTL-Shop 0
Neu Emails aus der Wawi an Gmail kommen nicht an ///SPF User helfen Usern - Fragen zu JTL-Wawi 4
In Diskussion Workflow, Wert setzen aus Zwischenablage/Clipboard JTL-Workflows - Ideen, Lob und Kritik 0
Neu Nach Import von Kundendaten aus SW5 Umleitung nach Login und weiße Seite JTL-Shop - Fehler und Bugs 5
Artikel aus Auftrag entfernen, Zahlung drin lassen JTL-Wawi 1.7 0
Neu E-Mail Versandbenachrichtigung aus JTL Wawi 1.8.10.0 wird doppelt versendet User helfen Usern 0
Texte aus Webshop Datei ziehen Einrichtung JTL-Shop5 0
Neu Packtisch druckt nichts aus User helfen Usern - Fragen zu JTL-Wawi 0
Workflow Bug: Rechnungskorrektur erstellen aus Retoure JTL-Wawi 1.8 4
Neu Summe aus Spalte bilden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Teillieferung von Artikeln aus Versandbox, auch wenn andere bereits in der Versandbox sind Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Auftrag aus Woocommerce Import zeigt im Druck "Zahlungsziel beträgt 150 Tage ab Rechnungsdatum" User helfen Usern - Fragen zu JTL-Wawi 0
Neu cDeeplink für Google Shopping direkt aus der Shop-Datenbank? Allgemeine Fragen zu JTL-Shop 0

Ähnliche Themen