Navigation
Layout > Layout-Generator > Tab: Webshop > Dropdown-Menü: Navigation
Themen bzw. Einstellungen dieses Kapitels:
3) CategoryNavigationStepByStep
4) CategoryImageNavigationStepByStep
Wenn Sie Einträge, Einstellungen oder Änderungen vorgenommen haben, klicken Sie vor Verlassen eines Bereichs jeweils auf das Speichern-Symbol, um Ihre Konfiguration zu sichern.
1) Info: Navigation
Die Navigation zeigt Artikelkategorien im Webshop an und verlinkt automatisch auf die entsprechenden Übersichtsseiten. Zur Darstellung gibt es verschiedene Möglichkeiten, z. B. in Text- oder Bildform.
Im Folgenden wird nur auf das Layout der Navigation eingegangen. Informationen zur Verwendung von Kategorien finden Sie auf dieser Handbuchseite.
2) CategoryNavigation
Layout > Layout-Generator > Tab: Webshop > Navigation > CategoryNavigation
Enthält die aktiven Kategorien in Listenform.
In dieses Layout muss der Platzhalter [CategoryNavigation] eingefügt werden. An dessen Stelle werden die Kategorien angezeigt.
Die Navigation wird in das Layout, z. B. das Template MainLayout_Content, mit dem Platzhalter [Container_CategoryNavigation] eingebunden.
Optionen:
| [CategoryNavigation_StartLevel] | Die Kategorie-Ebene, mit der die Ausgabe beginnen soll. Sollen alle Ebenen angezeigt werden, muss in dieses Feld eine 1 eingetragen werden. |
| [CategoryNavigation_WithUL] |
Die Kategorien werden mit den HTML-Tags <ul> und <li> aufgebaut. Mit <ul> wird der Beginn einer Liste gekennzeichnet. Normalerweise wird für jede Unterkategorie eine neue Liste erstellt. Sollen sich alle Kategoriepunkte in einer Liste befinden, dann tragen Sie NEIN in dieses Feld ein. Ansonsten tragen Sie JA in das Feld ein. |
|
|
Bei der Ausgabe ohne <ul>-Tags müssen Sie selbst die Liste vor Verwendung des Platzhalters [Container_CategoryNavigation] öffnen. |
| [CategoryNavigation_OpenLevel] | Mit dieser Option kann eingeschränkt werden, welche Kategorie-Ebene maximal in der Navigation angezeigt werden soll. |
CSS
Jede Kategorie wird in der Navigation mit einer Klasse und einer ID versehen. Über diese haben Sie die Möglichkeit mittels CSS, Anpassungen am Stil der Anzeige vorzunehmen.
Die Klasse ist abhängig von der jeweiligen Kategorie-Ebene. Der Aufbau ist immer: das Wort level gefolgt von der Ebenenzahl, z. B. level3.
Die ID wird aufgebaut aus allen 6 Kategorie-Ebenen.
Beispiel:
plentycat_14-17-0-0-0-0. In diesem Fall wird auf die Kategorie in der zweiten Ebene verlinkt, bei der die erste Ebene die Nummer 14 und die zweite Ebene die Nummer 17 hat.
3) CategoryNavigationStepByStep
Layout > Layout-Generator > Tab: Webshop > Navigation > CategoryNavigationStepByStep
CategoryNavigationStepByStep enthält die Kategorien, die unterhalb der aktuell aktiven Kategorie-Ebene liegen.
Beispiel:
Ein Shop hat auf erster Ebene die Kategorien Filme und Musik.
Filme teilt sich auf in Action, Comedy und Drama.
Musik hat die Unterkategorien Klassik, Pop und Rock.
Bei Auswahl der Kategorie Musik werden durch CategoryNavigationStepByStep die Kategorien Klassik, Pop und Rock angezeigt.
Die Darstellung der Kategorien kann frei gestaltet werden.
Eingabebeispiel
Mit <!-- START [CategoryNavigationStepByStepRow] ⇒ und <!-- START [CategoryNavigationStepByStepItem] ⇒ wird der Beginn einer Kategorie-Reihe, bzw. einer Kategorie gekennzeichnet.
<!-- END [CategoryNavigationStepByStepItem] ⇒ und <!-- END [CategoryNavigationStepByStepRow] ⇒ sind die dazu passenden Enden.
<ul>
<!-- START [CategoryNavigationStepByStepRow] ⇒
<!-- START [CategoryNavigationStepByStepItem] ⇒
<li>
<a href="[CategoryUrl]"><strong>[CategoryName]</strong></a>
</li>
<!-- END [CategoryNavigationStepByStepItem] ⇒
<!-- END [CategoryNavigationStepByStepRow] ⇒
</ul>
|
Platzhalter
| [CategoryId] | Die Nummer bzw. ID der jeweiligen Kategorie. |
| [CategoryName] | Der Kategorie-Name. |
| [CategoryUrl] | Die URL zur Übersichtsseite der Kategorie. |
4) CategoryImageNavigationStepByStep
Layout > Layout-Generator > Tab: Webshop > Navigation > CategoryImageNavigationStepByStep
Eine komplexere grafische Variante der Kategorie-Darstellung. Es werden immer die Kategorien der ausgewählten Kategorie angezeigt.
Die Darstellung erfolgt in Reihen, deren Beginn im Layout-Generator durch <!-- START [CategoryImageNavigationStepByStepRow] ⇒ gekennzeichnet ist. Die Kategorie-Elemente beginnen bei <!-- START [CategoryImageNavigationStepByStepItem] ⇒.
Eingabebeispiel
 |
<h2>[Request_CategoryName_Level1]</h2>
<table border="0" cellpadding="0" cellspacing="0">
<!-- START [CategoryImageNavigationStepByStepRow] ⇒
<tr>
<td colspan="2" style="height:10px"> </td>
</tr>
<tr>
<!-- START [CategoryImageNavigationStepByStepItem] ⇒
<td>
<table width="180" border="0" cellspacing="0" cellpadding="0" style="border:#cecece 1px dotted;">
<tr>
<td align="center" style="background-color:#fff; padding-top:8px">
<a href="[CategoryUrl]" style="font-size:14px;">[CategoryName]</a>
</td>
</tr>
<tr>
<td align="center" style="background-color:#fff; height:100px; padding:6px;">
[IF::([CategoryImage])]
<a href="[CategoryUrl]" style="font-size: 12px;">
<img alt="" src="[CategoryImage]" border="0" height="100" width="140">
</a>
[ENDIF]
</td>
</tr>
<tr>
<td align="center" style="background-color:#fff; padding:6px;">
<a href="[CategoryUrl]" style="font-size: 12px">» Kategorie öffnen</a>
</td>
</tr>
</table>
</td>
<!-- END [CategoryImageNavigationStepByStepItem] ⇒
</tr>
<!-- END [CategoryImageNavigationStepByStepRow] ⇒
</table> |
Einstellungen
| [CategoryImageNavigationStepByStep_EachRow] | Anzahl der Kategorien pro Reihe. |
Platzhalter
| [CategoryId] | Die Nummer der Kategorie. |
| [CategoryImage] | Kategorie-Bild 1 |
| [CategoryImage2] | Kategorie-Bild 2 |
| [CategoryName] | Der Kategorie-Name. |
| [CategoryUrl] | Die URL zur Übersichtsseite der Kategorie. |
| [LinkTo_FirstArticle] | Der erste Artikel der Unterkategorien. |
| [RowCountModule2] | |
| [SubCategoryExists] | Hat den Wert 1, wenn eine Unterkategorie vorhanden ist, ansonsten 0. |
| [SubCategoryList] | Alle Unterkategorien in Listenform. |
5) CategoryBreadcrumbs
Layout > Layout-Generator > Tab: Webshop > Navigation > CategoryBreadcrumbs
Die CategoryBreadcrumbs listen die gewählte Kategorie, aufgeteilt in alle einzelnen Kategorien, auf.
Der Platzhalter [CategoryBreadcrumbs] ist z. B. sinnvoll in SingleArticle und ArticleListCategory.
Eingabebeispiel
|
|
Platzhalter
| [CategoryBreadcrumbs_Deepest_CategoryLevel_Reached] | Hat den Wert 1, wenn die letzte Ebene der gewählten Kategorie-Verzweigung erreicht ist, ansonsten 0. |
| [CategoryLevel] | Die Ebene der Kategorie. |
| [CategoryUrl] | Die URL zur Übersichtsseite der Kategorie. |
| [CategoryId] | Die Nummer der Kategorie. |
| [CategoryName] | Der Kategorie-Name. |
6) CategorySublevelSelect
Layout > Layout-Generator > Tab: Webshop > Navigation > CategorySublevelSelect
CategorySublevelSelect zeigt alle Unterkategorien der ausgewählten Kategorie in Form einer Auswahlbox an. Bei Auswahl einer Kategorie wird die Übersichtsseite der Kategorie geladen. Dazu ist es notwendig, ein Formular zu erstellen, in das die Auswahlbox eingefügt wird.
Eingabebeispiel
[IF::[CategorySublevelExist]]
|
Platzhalter
| [CategorySublevelExist] | Prüft, ob es Unterkatogrien zu einer ausgewählten Kategorie gibt. |
| [CategorySublevelSelect] | Zeigt alle Unterkategorien einer ausgewählten Kategorie in einer Auswahlbox an. |
7) ContentpageNavigation
Layout > Layout-Generator > Tab: Webshop > Navigation > ContentpageNavigation
Die ContentpageNavigation zeigt die Navigationslinks der Content-Seiten an. Dazu muss nur der Platzhalter [ContentpageNavigation] in das Template [Container_ContentpageNavigation] eingefügt werden.
Zur Anzeige muss der Platzhalter [Container_ContentpageNavigation] in das MainLayout (z. B. MainLayout_Content) eingefügt werden.
Einstellungen
| [ContentpageNavigation_OnlyShowSublevel] | Mit der Einstellung JA werden nur Content-Seiten verlinkt, die sich in einem Unterordner der angezeigten Content-Seite befinden. |
| [ContentpageNavigationWithChapterNumber] |
