Breadcrumb Navigation beim Design New York

Hallo Zusammen

ich suche eine Möglichkeit, um mit dem Design New York das wir benutzen, die Breadcrumb Navigation einzuschalten. 

Finde aber keine Möglichkeit und wüsste auch nicht, wo ich das allenfalls manuell ändern könnte.

Kann mir Jemand bei dem Problem helfen?

Liebe Grüsse

Yann

www.moebel-peter.ch

Hallo Yann,

bitte immer von allen zu ändernden Dateien eine Sicherungskopie machen.

Des Weiteren solltest du dir für die zu ändernden Dateien Administratorrechte einräumen, damit du die die zu ändernden Dateien auch in deinem Designorder „NewYork“ speichern kannst.

Noch an etwas denken, wenn du ccml-Dateien änderst, das Siquando geschlossen sein muss.

So, nun geht’s los:

Öffne die config.ccml im Designordner „NewYork“ und füge nach den Schriften eine neue Zeile ein:

<cc:property id="design.youarehere" caption="Sie sind hier-Navigation" folder="Design" targettype="site" type="boolean" default="1">

Speichere die Änderung.

Nun öffnest du die page.ccml und fügst vor:

<cc:if cond="&page.content.caption">
<div class="sqrpara">
<h1><cc:print value="&page.content.caption"></h1>
</div>
</cc:if>

Eine neue Zeile mit:

<cc:if cond="&site.properties.design.youarehere">
<div class="sqrpara" style="margin-bottom: 20px">
<div id="sqrbreadcrumbs">
<cc:print value="&site.ressource.youarehere">:
<a href="<cc:print value="&home.url">"><cc:print value="&site.ressource.home"></a>
<cc:if cond="&page.maintopic.number">
&raquo; <a href="<cc:print value="&page.maintopic.url">"><cc:print value="&page.maintopic.caption"></a>
</cc:if>
<cc:if cond="&page.topic.number">
&raquo; <a href="<cc:print value="&page.topic.url">"><cc:print value="&page.topic.caption"></a>
</cc:if>
<cc:if cond="&page.subtopic.number">
&raquo; <a href="<cc:print value="&page.subtopic.url">"><cc:print value="&page.subtopic.caption"></a>
</cc:if>
</div>
</div>
</cc:if>

Ein. Datei Speichern.

Nun öffnest du die style_content.css und fügst an beliebiger Stelle die entsprechende StyleSheet ein:

#sqrbreadcrumbs a {
	color: <cc:print value="&usercolor.medium">;
	text-decoration: none;
}

#sqrbreadcrumbs a:hover {
	color: <cc:print value="&usercolor.dark">;
	text-decoration: none;
}

#sqrbreadcrumbs {
	/* Abstand von oben */
	margin-top: 10px;
	padding: 10px 0 0 0;
	font-size:90%;
}

Der Rest, Style ist ja fast schon selbst erklärend.

Gutes Gelingen, Data