Breadcrumb-Navigation

[boolean01]

Ich grabe diesen Thread nochmal raus weil ich leider keine saubere Lösung finde.

Mit dem CSS das Ganze anzupassen ist wirklich kompliziert. Man kann nicht nachvollziehen was da gemacht wurde

Ich habe jetzt auch in der Breadcrumb.html das Zeichen angehangen:

<ul>
{foreach name=aussen item=breadcrumb from=$top_navigation}
<li><a class="pathway" href="{$breadcrumb.url}" title="{$breadcrumb.name}">{$breadcrumb.name} &raquo;</a></li>
{/foreach}
</ul>

Jetzt wird das natürlich aber auch auf dem letzten Brotkrumen angezeigt, das schaut dann so aus:

Startseite >>

oder

Startseite >> Kategorie1 >>

Jemand eine Ahnung wie ich das dort wieder wegbekommen könnte?

[xt:mzanier]

wieso kann man das nicht nachvollziehen ?

der breadcrump ist eine normale <ul> Liste, die kann man formatieren wie man möchte per css.

[boolean01]

Zitat von mzanier

wieso kann man das nicht nachvollziehen ?

der breadcrump ist eine normale <ul> Liste, die kann man formatieren wie man möchte per css.

Es funktioniert aber einfach nicht wie es soll. Mal ist die Liste dann wieder untereinander, dann zeigt er das Symbol nicht an, dann zeigt er das Symbol links zu viel an, rechts zu viel...

Habe es nun so in der breadcrumb.html gelöst:

{foreach name=aussen item=breadcrumb from=$top_navigation}
	{if $smarty.foreach.aussen.iteration == $top_navigation|@count}
	<li><a class="pathway" href="{$breadcrumb.url}" title="{$breadcrumb.name}">{$breadcrumb.name} </a></li>
	
	{else}
	<li><a class="pathway" href="{$breadcrumb.url}" title="{$breadcrumb.name}">{$breadcrumb.name} &raquo;</a></li>
	{/if}
{/foreach}

[df:bug]

Hallo,

das auch die vernünftigste Lösung, mit CSS hast du dich ja total verbogen.

Viele Grüße,
df:bug

[maphrao]

Zitat von df:bug

Hallo,

das auch die vernünftigste Lösung, mit CSS hast du dich ja total verbogen.

Viele Grüße,
df:bug

Das ist aber Teil der Standardinstallation von Veyton
Ich habe auch nach Lösungen mittels CSS gesucht, da muss ja irgendein Fehler drin sein.
Aber letztendlich ist es einfacher, es auf andere Weise zu lösen, bevor man graue Haare kriegt.

[heohni1]

Ich habe es auf diesem Weg gelöst:

PHP-Code:

<ul>
{foreach name=aussen item=breadcrumb from=$top_navigation}
<li><a class="pathway" href="{$breadcrumb.url}" title="{$breadcrumb.name}">{$breadcrumb.name}</a></li>{if $smarty.foreach.aussen.last != 1}<img src="{$tpl_path}img/bg_breadcrumbarrow.gif" alt="" border="0" style="padding-left: 4px; padding-right: 4px;">{/if}
{/foreach}
</ul> 


Die bg_breadcrumbarrow.gif ist in meinem Fall 5x7px groß.
Die Zeile im CSS habe ich komplett auskommentiert.
Ich habs mal angehängt, falls es jemand als Vorlage möchte.

[Noris Clean]

Da dieses Thema wohl immer wieder hoch kommt und ich auch gerade etwas getüfftel habe wollte ich einfach einmal meine Lösung zeigen. Somit ist kein Eingriff in die Dateien notwendig, nur CSS:

breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {line-height:23px; text-decoration:none; font-weight:normal; cursor:pointer;color:#333333; margin:0 0 0 1em; padding:0;}
[/B]}


#breadcrumb ul li{display:inline;padding: 0px 5px 0 0;margin: 2px 0 0 0; background-image:url(../img/bg_breadcrumbarrow.gif); background-position:center left; background-repeat:no-repeat;}
#breadcrumb ul{margin:0;padding:0;}

Somit wird das Listen-Icon als Hintergrundbild des jeweiligen <li>-Listenelements angezeigt und gut ists ;-)

Vielleicht hilft es ja dem einen oder anderen.

[master_1]

Zitat von Noris Clean

Da dieses Thema wohl immer wieder hoch kommt und ich auch gerade etwas getüfftel habe wollte ich einfach einmal meine Lösung zeigen. Somit ist kein Eingriff in die Dateien notwendig, nur CSS:

breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {line-height:23px; text-decoration:none; font-weight:normal; cursor:pointer;color:#333333; margin:0 0 0 1em; padding:0;}
[/B]}


#breadcrumb ul li{display:inline;padding: 0px 5px 0 0;margin: 2px 0 0 0; background-image:url(../img/bg_breadcrumbarrow.gif); background-position:center left; background-repeat:no-repeat;}
#breadcrumb ul{margin:0;padding:0;}

Somit wird das Listen-Icon als Hintergrundbild des jeweiligen <li>-Listenelements angezeigt und gut ists ;-)

Vielleicht hilft es ja dem einen oder anderen.

da gibts so eine elegante lösung und der fehler ist in der neuesten version immer noch nicht behoben

[giller]

ich habe einfach dieses zeichen » in meiner brotcrum.html eingefügt das fand ich jetzt nicht so schwer

[JochenH]

@master 1
Danke für die Lösung funktioniert.

Sollte mal in das Standard Template aufgenommen werden