Introduction

Important

The English version of this Visual CMS documentation serves only as a basis and for developers and does not contain all details. More comprehensive documentation can be found in the German documentation.

Content & Media Bundle

The Content & Media Bundle consists of three modules that together cover content and media work in OXID eShop:

  • Media Library — Central management of media assets (images, documents) with folder structure, drag & drop and language-aware alt-text management. Included in all editions (from CE). See Media Library.

  • WYSIWYG Editor — Rich text editing for product descriptions, CMS pages, category descriptions and other admin text fields. Uses the Media Library to embed media. Included in all editions (from CE). See WYSIWYG Editor.

  • Visual CMS — Visual page builder for CMS page content with drag-and-drop widgets, responsive grid system and time-controlled content display. Uses the WYSIWYG Editor and the Media Library. Included in the Professional and Enterprise Editions.

The three modules form a dependency chain: Media Library → WYSIWYG Editor → Visual CMS. The Media Library is the foundation, the WYSIWYG Editor builds on it, and Visual CMS requires both. Activation must happen in this order, which the shop enforces accordingly (see Installation).

Visual CMS

With Visual CMS it is possible to create and manage CMS page content easily by drag-and-drop. Thanks to the simple interface, you can build new content and entire websites in no time. In addition, content created with Visual CMS can be integrated as snippets into other pages or templates.

The individual elements of the page are created with so-called widgets. Widgets are content like text blocks, images or even products. So that you can start building the page directly, there are already a variety of predefined widgets, which you then simply drag-and-drop to place on the CMS page as you wish.

Thanks to the responsive grid system on basis of Bootstrap 5, content you create will be displayed legibly on any device. Visual CMS is compatible with APEX, our latest OXID eShop theme.

With the integrated live search, you can find CMS content you want to edit in a flash. Visual CMS saves you a lot of time and delivers convincing results.

TypeScript

As of Visual CMS 10 (Content & Media Bundle 10), the JavaScript files have been migrated to TypeScript. Developers extending or customizing Visual CMS should take this into account.

WYSIWYG Editor Extensibility

The WYSIWYG Editor can be extended by modules as of Bundle 10 via Twig blocks — for example, to include custom Summernote plugins or customized toolbar configurations. For details, see WYSIWYG Editor or the Extending the WYSIWYG Editor section in the developer documentation.

Features

  • included since OXID eShop 6.0 in Professional/Enterprise Edition

  • creation of landing pages, promotion pages, description & topic pages, emails, metadata

  • time-controlled content: activate and deactivate content on a schedule

  • Twig support for dynamic content

  • responsive Bootstrap 5 grid system: define layout per device (mobile, tablet, desktop)

  • WYSIWYG editor for easy content formatting (or work in HTML source code)

  • integration of store content: products, categories, campaigns

  • CMS page tree navigation (tree structure widget)

  • widgets: extensible by developing custom widgets

  • content search for quick editing