Aufbau der Templates
HTML5
Der grundsätzliche Aufbau eines WEBSALE-Templates entspricht dem einer "normalen" HTML5-Seite. Um zu erfahren, was HTML ist und wie Sie HTML-Code richtig bearbeiten, verweisen wir auf die Seiten von SelfHTML.
Externer Link: HTML/Dokumentenstruktur und Aufbau
HTML5 bietet semantische Tags und Attribute, die eine Anzeige Ihres Onlineshops für verschiedenste Plattformen wie Smartphones, Tablets oder PCs ermöglichen. Zudem bietet HTML5 die Möglichkeit, Content besser zu strukturieren und auszuzeichnen. Diese Strukturierung unterstützt Webapplikationen, Agents und Robots dabei, die wesentlichen Inhalte Ihres Onlineshops besser zu identifizieren und zu nutzen.
Wegweiser: <head>-Bereich
Wegweiser: HTML-Kommentare
WEBSALE-Tags
Die Platzhalter in den Templates sind WEBSALE-Tags. Mit diesen Tags werden Shop-Funktionen, z. B. Produkt bestellen, und dynamische Inhalte, z. B. Produktname, Preise etc., in die Templates eingebunden. WEBSALE-Tags erkennt man daran, dass sie mit ~ ... ~ oder { ... } anfangen und aufhören.
Durch die WEBSALE-Tags können in den Templates - ganz ohne Programmierkenntnisse - auch einfache Programmstrukturen wie if-Abfragen und Schleifen umgesetzt werden.
Grundlagen: Grundlagen zu Tags
Textpflege
Textvariablen sind Platzhalter für Texte, die man daran erkennt, dass sie mit %% beginnen und mit %% aufhören.
Grundlagen: Textpflege-Plattform
Bootstrap
Bootstrap ist ein freies CSS-Framework. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Typografie, Formulare, Buttons, Tabellen, Grid-Systeme, Navigations- und andere Oberflächengestaltungselemente sowie zusätzliche, optionale JavaScript-Erweiterungen.
Wegweiser: Bootstrap
CSS-Definitionen
Wie die HTML-Elemente dargestellt werden (z. B. Farbe, Schriftgröße usw.) wird per CSS definiert. Um Ihnen den Einstieg zu erleichtern, finden Sie im Ordner benutzer/templates/css Ihres Shopverzeichnisses bereits mehrere Styles-Dateien, die Sie individuell nach Ihren Wünschen anpassen können.
Wegweiser: CSS
JavaScript & jQuery
Das bekannte jQuery-Framework wird von WEBSALE V8s bereits intensiv genutzt. Wollen Sie weitere Widgets oder Plugins nutzen, erweitern Sie entweder die bestehende WEBSALE-Designkomponente oder fügen Sie selbst neue Scripte hinzu. Auch das Hinzufügen ganzer jQuery-Bibliotheken ist kein Problem.
Wegweiser: JavaScripts & jQuery
Quelle (externer Link): jQuery
AJAX-Funktionen
Ausgewählte Elemente können auf besondere Anforderung nachgeladen/angezeigt werden, ohne die komplette Seite neu aufzubauen.
Wegweiser: AJAX-Funktionen
Wiederverwendung: Includes
Wiederverwendung von Elementen eines Shops durch "Includes" ist ein zentrales Prinzip von WEBSALE V8s. Includes dienen dazu, Inhalte in Ihrem Shop nur einmal zu erstellen, um sie mehrfach zu verwenden. Includes sind Referenzen auf HTML-Dateien, deren Inhalt (oder Teile davon) in andere Dateien eingebunden wird.
Wegweiser: Wiederverwendung: Includes