Zum Hauptinhalt springen
Der Aufbau eines Shop-Frontends ist in WEBSALE grundsätzlich kein Baukastensystem: Es gibt keine Drag-&-Drop-Oberfläche, und WEBSALE stellt kein Theme- oder Baukastensystem bereit. Für Anpassungen werden Kenntnisse in HTML, CSS und JavaScript benötigt; bei einem Headless-Frontend auf Basis der Storefront API zusätzlich entsprechende Framework-Kenntnisse. Der Bereich Frontend beschreibt die templatebasierte Umsetzung des Shop-Frontends innerhalb der WEBSALE Shopplattform. Im Fokus stehen die Template Engine / Template-Sprache sowie die Shop-Templates und deren Struktur – also alles, was für den Aufbau und die Anpassung der Darstellung über Templates erforderlich ist. Die Umsetzung eines Frontends über die Storefront API (z. B. für Headless-Projekte mit React, Vue, Next.js oder Nuxt) ist nicht Bestandteil dieses Kapitels. Diese Inhalte sind im Bereich Schnittstellen → Storefront API dokumentiert. Bei der Bereitstellung eines Shops ist im Standard der templatebasierte WEBSALE Demoshop bereits enthalten, der als Ausgangsbasis für Anpassungen genutzt werden kann. Details zum Demoshop finden Sie hier.

​
Inhalte templatebasiertes Frontend

  • Die Basics — Der Bereich Basics bietet einen Überblick über die zentralen Konzepte zur Anpassung und Individualisierung eines WEBSALE-Onlineshops. Hier finden Sie die wesentlichen Voraussetzungen für die Bearbeitung eines Shops und erfahren, welche technischen Möglichkeiten WEBSALE dafür bereitstellt.
  • Getting Started — Ein WEBSALE-Onlineshop bietet zahlreiche Möglichkeiten zur individuellen Anpassung und Konfiguration. Damit Sie schnell und effizient starten können, führt diese Anleitung Sie Schritt für Schritt durch die wichtigsten ersten Aufgaben.
  • Datenzugriff & Anzeige — Im Rahmen der neuen Shopversion bietet das System flexible Möglichkeiten, um auf verschiedene Datenquellen des Shops zuzugreifen und diese gezielt im Frontend darzustellen. Für die Umsetzung spezifischer Seiten oder Funktionen ist es notwendig, die richtigen Variablen und Tags zu kennen, um beispielsweise Produktdetails, Kategorien, Zahlungsarten oder Adressdaten dynamisch einzubinden.
  • Funktionsübersicht
  • Referenz — Referenz ist das zentrale Nachschlagewerk für die Template Engine und die Template-Sprache. Hier sind alle relevanten Sprachelemente und Bausteine dokumentiert, die für den Aufbau und die Anpassung des Shop-Frontends auf Basis von Templates benötigt werden – zum Beispiel Tags/Anweisungen, Variablen, Funktionen, Modifier und typische Verwendungsformen.
  • Praxisbeispiele