Links in Navigation oben einzeln designen (azure)?

Deutsches Forum
1

Hallo zusammen,

ich möchte gerne in die obere Navigation des azure Templates einen Link (extern) designen bzw. ein Bild als Link angeben. Mit Firebug sehe ich auf dem Link, dass keine css Klasse zugewiesen ist. Wo kann ich das “händisch” machen?

Vielen Dank im Voraus und viele Grüße,

Roland

2

Hallo Roland
ich verstehe nicht ganz was du machen möchtest.

Wenn du in der config.inc.php im Root Verzeichnis den Debug Mode auf 8 stellst, dann werden dir die Namen der einzelnen Templates angezeigt. Wenn du herausgefunden hast, in welches Template du den Link setzen möchtest (wahrscheinlich in “/out/azure/tpl/layout/header.tpl”).

Kannst du dem Link in der oxid.css (out\azure\src\css) die gewünschten Eigenschaften zuweisen.

3

Hallo FraMA,

sorry, wenn ich umständlich geschrieben habe. Ich dachte ich kann einfach eine neue Kategorie in der Navigation oben aufmachen mit externem Link und dem Link eine Css-Klasse zuweisen.

Grüße

Roland

4

ja, klar kann man das

5

ja, klar kann man das

OK, Danke. Kannst Du mir vielleicht auch noch einen Tip geben wie? Also im Backend wird es nicht zu machen sein, oder?

Gruß

Roland

6

nein, nicht im Backend
das geht dann nur im Template direkt, man könnte eine CSS-ID auf Basis der Kategorie-ID vergeben lassen und diese dann via CSS ansprechen

der einfachere Weg wird wohl ein direktes Einfügen des Links samt Klasse / ID direkt im Template \out\azure pl\widget\header opcategories.tpl sein

7

Ah, Ok, Danke. Habe ich mir fast gedacht. Wär auch zu schön gewesen:-)

Roland

8

Ach so. So war das gemeint. Ja wie Hebsacker das bereits erwähnt hast in " pl\widget\header opcategories.tpl" einfach die Listenelement mit einem dynamischen Klassennamen ausstatten z.B.

            <li class="cat-[{$oTopCont->oxcontents__oxtitle->value|lower|replace:" ":"-"|replace:"?":""}]"><a href="[{$oTopCont->getLink()}]">[{$oTopCont->oxcontents__oxtitle->value}]</a></li>

Dann haben die Kategorien z.B. die Klassennamen <li class=“cat-kiteboarding”> <li class=“cat-wakeboarding”> und so weiter.

9

Hallo FraMA!

Vielen Dank für den Lösungsansatz. Werde es, wenn ich wieder Zeit habe, schnellst möglich einbauen, testen und feedback geben.

Viele Grüße,

Roland