Frontend

Frontend

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 einesFrontends ü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 SchnittstellenStorefront 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 BasicsDer 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 StartedEin 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.
  • Funktionsübersicht
  • ReferenzReferenz 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.