PHP? Liste nach Anfangsbuchstaben ausgeben in 2 Spalten?

[wecmar]

Hallo zusammen,
ich hoffe, hier kann mir jemand weiterhelfen.

Ich habe folgenden Seitencode:

{if $CategorySubcats|count}
			
<div id="box1">
			<ul>
				{foreach from=$CategorySubcats item=$SubCat}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$SubCat.CategoryID}" title="Die Suche auf die Kategorie '{$SubCat.Name}' eingrenzen">{$SubCat.Name}</a>{setting name='ShowSubCategoryCounter' value='1'} ({$SubCat.LinkCount}){/setting}</li>
				{/foreach}
			</ul>
			
		{/if}

	</div>

<div id="box2">

Das ist ein Test
</div>

Die Ausgabe sieht im Moment folgendermassen aus:
https://prntscr.com/1bas7d

Nun möchte ich aber, das die Ausgabe folgendermassen aussieht:

Alle Kategorieren mit dem Anfangsbuchstaben A aufgeteilt in die Box1 und Box2
Danach alle Kategorien mit dem Anfangsbuchsten B aufgeteilt in die Box1 und Box2(neuer div)
usw. usf.

Leider habe ich von PHP nicht wirklich Ahnung, bei Css und HTML bin ich eher zuhause.

Kann ich das irgendwie einfach anpassen, damit ich die Ausgabe so erhalte, wie ich mir das wünsche?

Ich gehe mal davon aus, das foreach die einzelnen Kategorieren publiziert. Kann ich da etwas anfügen, wie beispielsweise foreach -sono a(Nur ein Beispiel) damit mir wirklich nur die Kategorien innerhalb des Div-Container angezeigt wird? Und wie kann ich das machen, dass mir eine Hälfte davon in Box1 und die andere Hälfte in Box2 dargestellt werden?

Ich würde mich sehr freuen, wenn mir jemand dabei weiterhelfen kann. Sollte es von nöten sein, bin ich gerne bereit, ein paar Klammlose dafür zu überweisen.

Besten Dank-
Gruss
Wecmar

 

[theHacker]

Ich sehe da kein PHP, sondern ein Smarty-Template. Sinn von Smarty is grad, dass du keine Ahnung von PHP haben musst, sondern dich voll und ganz auf das konzentrieren kannst, was du tun sollst: Die Ausgabe hübschmachen.

Ich würde vorschlagen, die {foreach} durch je eine {section} zu ersetzen und dann mit step=2 immer einen zu überspringen.

https://www.smarty.net/docsv2/de/language.function.foreach.tpl
https://www.smarty.net/docsv2/de/language.function.section.tpl

 

[wecmar]

Hallo theHacker,
beste Dank für die schnelle Antwort, dann weiss ich bereits etws mehr.
Habe jetzt seit 2 Tagen das Internet abgesucht, aber wenn man nicht weiss, was man suchen muss....



Ich habe nun doch einiges ausprobiert, aber leider bin ich wahrscheinlich zu blöd dazu, denn es gibt mir immer eine Fehlermeldung aus.

Wie muss ich die section genau einfügen?

Wenn ich das gleich wie foreach konfiguriere, dann bekomme ich eine Fehlermeldung.

So habe ich es unter anderem Versucht:

{if $CategorySubcats|count}
			
<div id="box1">
			<ul>
				{foreach from=$CategorySubcats item=$SubCat}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$SubCat.CategoryID}" title="Die Suche auf die Kategorie '{$SubCat.Name}' eingrenzen">{$SubCat.Name}</a>{setting name='ShowSubCategoryCounter' value='1'} ({$SubCat.LinkCount}){/setting}</li>
				{/foreach}
			</ul>
			{/if}
		

	</div>
{if $CategorySubcats|count}
<div id="box2">

<ul>
			{section name=box2 start=1 loop=20 step=2}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$SubCat.CategoryID}" title="Die Suche auf die Kategorie '{$SubCat.Name}' eingrenzen">{$SubCat.Name}</a>{setting name='ShowSubCategoryCounter' value='1'} ({$SubCat.LinkCount}){/setting}</li>
			{/section}
			</ul>

</div>
{/if}	
		</div>
	</div>

</div>
</div>

und

{if $CategorySubcats|count}
			
<div id="box1">
			<ul>
				{foreach from=$CategorySubcats item=$SubCat}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$SubCat.CategoryID}" title="Die Suche auf die Kategorie '{$SubCat.Name}' eingrenzen">{$SubCat.Name}</a>{setting name='ShowSubCategoryCounter' value='1'} ({$SubCat.LinkCount}){/setting}</li>
				{/foreach}
			</ul>
			
		

	</div>
<div id="box2">

<ul>
			{section name=box2 from=$CategorySubcats item=$SubCat start=1 loop=20 step=2}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$SubCat.CategoryID}" title="Die Suche auf die Kategorie '{$SubCat.Name}' eingrenzen">{$SubCat.Name}</a>{setting name='ShowSubCategoryCounter' value='1'} ({$SubCat.LinkCount}){/setting}</li>
			{/section}
			</ul>

</div>
{/if}	
		</div>
	</div>

Wie gesagt, bin auf dem Gebiet leider nicht so bewandt. Es scheinnt, als würden die Daten nicht ausgelesen oder auch nicht gefunden. Wäre schön wenn wir auch hier jemand weiterhelfen kann. Ansonsten werde ich mir irgendwo einen Programmierer suchen müssen, was auch nicht weiter schlimm wäre.- Nur muss ich dann jemand finden, der sich mit dieser Materie auskennt. Aber vielleicht ist ja der Fehler in einem kleinen Detail, da ein geschultes Auge gleich sieht. Vielleicht findet sich ja direkt hier jemand, der mir das für eine Entschädigung anpassen kann. Besten Dank.

Besten Dank.

Gruss
Wecmar

 

[buddha]

Hi, du musst das foreach auch noch durch ein section ersetzen.
Sowas ungefähr:

{if $CategorySubcats|count}
			
<div id="box1">
			<ul>
				{section name=box1 start=0 loop=$CategorySubcats step=2}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$CategorySubcats.CategoryID}" title="Die Suche auf die Kategorie '{$CategorySubcats.Name}' eingrenzen">{$CategorySubcats.Name}</a>{setting name='ShowCategorySubcatsegoryCounter' value='1'} ({$CategorySubcats.LinkCount}){/setting}</li>
				{/section}
			</ul>
			
		

	</div>
<div id="box2">

<ul>
			{section name=box2 start=1 loop=$CategorySubcats step=2}
					<li><img src="{SITEURL}images/FolderMedium.png" alt="" /><a href="{permalink type='category' value=$CategorySubcats.CategoryID}" title="Die Suche auf die Kategorie '{$CategorySubcats.Name}' eingrenzen">{$CategorySubcats.Name}</a>{setting name='ShowCategorySubcatsegoryCounter' value='1'} ({$CategorySubcats.LinkCount}){/setting}</li>
			{/section}
			</ul>

</div>
{/if}	
		</div>
	</div>