Um im Shopsystem Veyton eine zusätzliche administrierbare Box einzurichten, muss man wie folgt vorgehen:

Zuerst wird im Backend unter “Inhalte –> Content Manager –> Content” ein neuer Content erstellt. Dieser enthält dann den Text, welcher später in unserer Textbox erscheinen soll.

Interessant ist hier nur der Reiter “Standard”. Hier den Titel, Namen und Inhalt des Contents angeben. Die ID des erstellten Contents ist wichtig für uns. Diese bitte merken, sie wird später noch benötigt.

Nun muss die Templatedatei des Shopsystems angepasst werden, damit die Box dann auch auf der Internetseite erscheint. Diese index.html findet man im Templateordner /templates/xt_default/index.html. Hier handelt es sich um das Default-Template von xtCommerce Veyton. Bei der Verwenung eines anderen Templates lautet der Pfad natürlich entsprechend anders.

Folgender Code ist nun für die Box relevant:

Damit der Content dann auch als Box mit der CSS-Formatierung erscheint muss er mit den entsprechenden CSS-Klassen versehen werden. Dies kann man im Template von anderen Boxen abschauen. Im Standard-Template sieht der Code, welcher einzufügen ist folgendermaßen aus:

Im o.a. Beispiel würde die Box in der rechten Spalte zwischen dem Warenkorb und der Login-Box erscheinen. Die administrierbare Box ist nun erstellt und sollte im Shop auch erscheinen.

Wichtiger Hinweis an dieser Stelle: Die Anführungszeichen werden beim Copy & Paste nicht richtig erkannt. Diese müssen dann manuell noch einmal “nachgeschrieben” werden. Ebenso ist darauf zu achten, dass die Kommentare mit zwei (!) Bindestrichen erstellt werden.

Manchmal möchte man jedoch eine Box erstellen, die ähnlich der “Informations-Box” Links zu weiteren Informativen Seiten erhält. So kann man zum Beispiel Informationen der Bestellabwicklung, wie z.B. AGB, Liefer- und Versandkosten, Impressum, Kontakt, Privatsphäre und Datenschutz und dem Widerrufsrecht, von den reinen Fachinformationen zu den Shopartikeln trennen.

Um eine solche Box zu erstellen ist es nötig zuerst unter “Inhalte –> Contentmanager –> Content Blöcke” einen neuen Block anzulegen. Diesen nennen wir beispielsweise “innovation”. Die ID des neuen Blocks ist wichtig und in unserem Beispiel die Nummer 11.

An der Stelle an der wir nun diesen Block bzw. diese Box haben möchten ist nun der folgende Code inder index.html einzufügen:

{content block_id=11 levels=true}
{if $_content_11|count > 0}
<h2 class=”boxheader”>Innovation</h2>
<div class=”infoboxbody”>
<ul class=”contentlist”>
{foreach name=aussen item=box_data from=$_content_11}
<li class=”level{$box_data.level}{if $box_data.active} active{/if}”><a href=”{$box_data.link}”>{$box_data.title}</a></li>
{/foreach}
</ul>
</div>
{/if}

Die rot markierten Textstellen sind entsprechend anzupassen.

Selbstverständlich kann der Box-Header auch für die Mehrsprachigkeit vorbereitet werden. Dann ist anstelle vom Text  “Innovation” der entsprechende Text-Key einzusetzen.

z.B.

<h2 class=”boxheader”>{txt key=TEXT_INNOVATION}</h2>

Unter “Einstellungen –> Lokalisierung –> Sprachtexte” kann dann ein neuer Sprechtext mit dem Schlüssel “TEXT_INNOVATION” und dem Text “Innovation” angelegt werden.

Um nun die Box mit Inhalt zu versehen, wird unter “Inhalte –> Content Manager –> Content” ein neuer Content hinzugefügt. Nachdem dieser durch einen Haken auf “Status” aktiviert wird, kann man nun unter dem Reiter “Anzeige” den Haken beim vorher angelegten Content Block “innovation” anklicken. Somit wird der neue Inhalt dann der Box zugewiesen.

Erstellung einer zusätzlichen Info-Box

Nun sollte die entsprechende Box im Shop erscheinen. So sollte es dann auch bei Ihnen aussehen:

Neue Box

Zum Abschluss habe ich noch einen kleinen Tipp, welche nichts mit den Informationsboxen zu tun haben. Nutzt man das Master / Slave System von Veyton, so wird beim Master-Artikel gewöhnlich entweder gar kein Preis oder ein vorher im Masterartikel festgelegter Preis angezeigt. Da die Slave Artikel meist verschiedene Preise haben ist dies für den Kunden eventuell etwas missverständlich. Aus diesem Grund ist es sinnvoll bei der Anzeige des Preises im Masterartikel das Wörtchen “ab” davor zu stellen.

Hierzu muss im Masterartikel dann der niedrigste Preis eingegeben werden. Damit dann später etwas in dieser Art erscheint:

Preis eines Masterartikels

Hierzu muss in der Datei /templates/templatename/xtCore/pages/product_listing/product_listing_v1.html folgendes geändert werden.

Nach dieser Zeile:

steht

Diese Zeile ( in den <p>-Tags) muss ersetzt werden durch folgende:

Am Ende muss also dieser komplette Block im Template stehen:

Es wird im IF abgefragt ob es ein Masterprodukt ist und wenn ja schreiben wir ein “ab” davor. Wenn nicht, dann nicht. Selbstverständlich kann auch dieses Wort “ab” für die Mehrsprachigkeit ausgelegt werden.

Anstelle des Wortes “ab” muss dann der Text-Key eingesetzt werden: {txt key=TEXT_AB}

Unter “Einstellungen –> Lokalisierung –> Sprachtexte” kann dann ein neuer Sprechtext mit dem Schlüssel “TEXT_AB” und dem Text “ab” angelegt werden.

Ich hoffe der Beitrag war ein bischen nützlich und ich würde mich über Erfahrungsberichte sehr freuen.

Hierfür loggen wir uns in die Administrationsoberfläche (Backend) von CMS Made Simple ein. Unter dem Reiter Layout wählen wir nun den Unterpunkt “Templates” aus. Beim gewünschten Template klicken wir nun auf “Bearbeiten”.

Im unteren Bereich, vor dem body-Tag fügen wir den Analytics Code ein. Damit dieser korrekt von der Template-Engine interpretiert wird ist es nötig literal-Tags vor und hinter den Analytics Code zu setzen.

So sollte das dann aussehen, wenn es fertig ist:

{literal}
<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>
<script type=”text/javascript”>
try {
var pageTracker = _gat._getTracker(“UA-xxxxxx-x”);
pageTracker._trackPageview();
} catch(err) {}</script>
{/literal}
</body>