Skip to main content
Building a shop frontend in WEBSALE is not a modular kit system: there is no drag-and-drop interface, and WEBSALE does not provide a theme or kit system. Knowledge of HTML, CSS, and JavaScript is required for customizations; for a headless frontend based on the Storefront API, you also need the corresponding framework knowledge. The Frontend section describes the template-based implementation of the shop frontend within the WEBSALE shop platform. The focus is on the template engine / template language and the shop templates and their structure – in other words, everything required to build and adapt the presentation through templates. Implementing a frontend via the Storefront API (for example, for headless projects with React, Vue, Next.js, or Nuxt) is not part of this chapter. This content is documented under Interfaces → Storefront API. When a shop is provisioned, the template-based WEBSALE demo shop is included by default and can be used as a starting point for customizations. You can find details about the demo shop here.

​
Contents of the template-based frontend

  • The Basics — The Basics section provides an overview of the core concepts for customizing and individualizing a WEBSALE online shop. Here you will find the essential requirements for editing a shop and learn about the technical possibilities WEBSALE provides.
  • Getting Started — A WEBSALE online shop offers many possibilities for individual customization and configuration. To help you get started quickly and efficiently, this guide walks you step by step through the most important initial tasks.
  • Data Access & Display — As part of the new shop version, the system offers flexible ways to access various shop data sources and display them specifically in the frontend. To implement specific pages or functions, you need to know the right variables and tags – for example, to dynamically include product details, categories, payment methods, or address data.
  • Function Overview
  • Reference — Reference is the central look-up for the template engine and the template language. All relevant language elements and building blocks required to build and adapt the shop frontend based on templates are documented here – for example, tags/instructions, variables, functions, modifiers, and typical usage patterns.
  • Practical Examples