Einen eigenen OnPage Composer Bereich erstellen

Einen eigenen OnPage Composer Bereich erstellen

 Nehmen wir an, du möchtest direkt unter dem Breadcrumb einen Banner über die volle Seitenbreite erstellen. Das Template beinhaltet diese Möglichkeit nicht, allerdings lässt sich dies relativ einfach bewerkstelligen.

Die Vorlage lokalisieren

Die Vorlage für das Breadcrumb gehört zum Layout und befindet sich im Verzeichnis /layouts des Parent-Templates. Da der Banner nicht innerhalb des Breadcrumbs platzieren möchtest, sondern nach diesem, brauchen wir die Header-Vorlage. 

Der Breadcrumb-Block sieht wie folgt aus:
  1. {block name='layout-header-breadcrumb'}
  2.   <div class="breadcrumb-container">
  3.     <div class="container-fluid{if $Einstellungen.template.megamenu.header_full_width === 'N'} container-fluid-xl{/if}">
  4.         {include file='layout/breadcrumb.tpl'}
  5.     </div>
  6. </div> 
  7. {/block}

Header-Vorlage im Child-Template erstellen

Nach dem der Block bekannt ist, muss im Child-Template eine neue Vorlage "header.tpl" erstellt werden. 
  1. Gehe in dein Child-Template z.B. "MyTrade", in das Verzeichnis /layout
  2. Erstelle dort eine leere Datei "header.tpl"
Nun öffne die Datei und erweitere den bestehenden Block um den neuen OPC-Bereich:  
  1. {extends file="../../Trade/layout/header.tpl"}
  2. {block name='layout-header-breadcrumb' append}
  3.     {opcMountPoint id='opc_after_breadcrumb' title='After breadcrumb' inContainer=false}
  4. {/block}
Jetzt kannst du über den OnPage Composer den Banner als auch andere Elemente platzieren. 

    • Related Articles

    • Eigenen Javascript Code im Template einbinden

      In diesem Beispiel zeigen wir, wie du im Template im Footer einen eigenen Javascript Code einbinden kannst.  Eine neue Footer-Vorlage anlegen Falls du in deinem Child-Template noch keine Footer-Vorlage hast, ist es jetzt an der Zeit eine zu ...

    • Slider im JTL-Shop 5 anlegen

      In dieser Anleitung zeigen wir, wie du innerhalb wenigen Minuten Slider in deinem JTL-Shop 5 anlegst und welche Möglichkeiten es gibt. Im JTL-Shop gibt es zwei Wege einen Slider anzulegen, über den OnPage Composer und über das Shopbackend. Wir gehen ...

    • Artikel auf der Startseite im JTL-Shop 5 einstellen

      Der 5er Shop bietet standardmäßig die Möglichkeit an, auf der Startseite bestimmte Artikelgruppen (Neue, – und Top-Artikel, Sonderangebote und Bestseller) über das Shopbackend anzuzeigen, als auch über den OnPage Composer.  Wir empfehlen allerdings ...

    • Mehrfaches Einbinden von Inhalt-Bausteinen

      Die Templates sind so gestaltet, dass jeder Baustein bei Bedarf nicht nur mehrfach genutzt werden kann, sondern auch einen eigenen relativ einfach erstellt werden kann. Wie das geht, kläre ich in diesem Artikel. Bestehenden Baustein mehrfach ...

    • JTL-Shop 5 - Fragen und Anworten

      Gibt es eine verständliche Dokumentation zu meinem Template? Ja, jedes Template beinhaltet eine allgemeine Installations-Anleitung zum Template, als auch Plugins. Ferner findest du auch Anleitungen zu der Einrichtung und Konfiguration des Templates. ...