--- url: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/customization/custom-templates' title: 'DXPR-Builder-Vorlagen überschreiben | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:04:28+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- DXPR Builder rendert seine Elemente im Browser, aus Vorlagen, die in den Editor kompiliert sind. Es gibt keine Elementvorlage, die Sie in ein Theme kopieren können. Das Modul bringt vier Twig-Vorlagen für eigene Seiten mit, und Sie überschreiben sie auf dem normalen Drupal-Weg. Diese Seite listet sie, erklärt, warum sich Element-Markup nicht überschreiben lässt, und zeigt auf die Routen, die das Modul stattdessen unterstützt. Twig-Vorlagen, die Sie überschreiben können Die Vorlagen liegen im templates/-Ordner des Moduls: tags: - 'Je huisstijl toepassen' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'DXPR-Builder-Vorlagen überschreiben' description: |- DXPR Builder rendert seine Elemente im Browser, aus Vorlagen, die in den Editor kompiliert sind. Es gibt keine Elementvorlage, die Sie in ein Theme kopieren können. Das Modul bringt vier Twig-Vorlagen für eigene Seiten mit, und Sie überschreiben sie auf dem normalen Drupal-Weg. Diese Seite listet sie, erklärt, warum sich Element-Markup nicht überschreiben lässt, und zeigt auf die Routen, die das Modul stattdessen unterstützt. Twig-Vorlagen, die Sie überschreiben können Die Vorlagen liegen im templates/-Ordner des Moduls: image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:04:28+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/customization/custom-templates' articleSection: 'Je huisstijl toepassen' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/documentation/learn-dxpr-builder/customization/custom-templates' description: |- DXPR Builder rendert seine Elemente im Browser, aus Vorlagen, die in den Editor kompiliert sind. Es gibt keine Elementvorlage, die Sie in ein Theme kopieren können. Das Modul bringt vier Twig-Vorlagen für eigene Seiten mit, und Sie überschreiben sie auf dem normalen Drupal-Weg. Diese Seite listet sie, erklärt, warum sich Element-Markup nicht überschreiben lässt, und zeigt auf die Routen, die das Modul stattdessen unterstützt. Twig-Vorlagen, die Sie überschreiben können Die Vorlagen liegen im templates/-Ordner des Moduls: breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Help Center](/de/hc)/[Documentation](/de/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Je huisstijl toepassen](/hc/documentation/learn-dxpr-builder/customization) # DXPR-Builder-Vorlagen überschreiben. Learn DXPR BuilderManage the siteJe huisstijl toepassen ## In this guide Related guides - [Eine Seite aus einer Vorlage starten](/de/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates) - [Theming für DXPR Builder](/de/hc/documentation/learn-dxpr-builder/development/theming) DXPR Builder rendert seine Elemente im Browser, aus Vorlagen, die in den Editor kompiliert sind. Es gibt keine Elementvorlage, die Sie in ein Theme kopieren können. Das Modul bringt vier Twig-Vorlagen für eigene Seiten mit, und Sie überschreiben sie auf dem normalen Drupal-Weg. Diese Seite listet sie, erklärt, warum sich Element-Markup nicht überschreiben lässt, und zeigt auf die Routen, die das Modul stattdessen unterstützt. ## Twig-Vorlagen, die Sie überschreiben können Die Vorlagen liegen im `templates/`-Ordner des Moduls: | Vorlage | Genutzt für | Variablen | |---|---|---| | `dxpr-license-info.html.twig` | Die Nutzungsübersicht auf den Seiten **User Licenses** und **Content items** sowie der **License info**-Block | `used_count`, `total_count`, `limit`, `block_label`, `total_label`, `used_label`, `more_info_link` | | `page--dxpr-builder--media-library.html.twig` | Der Seiten-Wrapper des Medienbibliothek-Dialogs unter `/dxpr_builder/media-library` | die Standard-`page`-Variablen | | `html--dxpr-builder--media-library.html.twig` | Der ``-Wrapper desselben Dialogs | die Standard-`html`-Variablen | | `page--people-list.html.twig` | Ein Startpunkt für die **People**-Seite (`/admin/people`) mit Lizenzübersicht | die Standard-`page`-Variablen plus `user_license` | Die ersten drei funktionieren wie sie sind. Drupal lädt `page--people-list.html.twig` nicht aus dem Modul. DXPR Builder fügt nur den `page__people_list`-Vorschlag und die `user_license`-Variable auf der People-Seite hinzu. Um die Übersicht dort zu zeigen, kopieren Sie die Datei in Ihr Admin-Theme. So überschreiben Sie eine Vorlage: 1. Kopieren Sie die Datei aus `modules/contrib/dxpr_builder/templates/` in den `templates/`-Ordner des Themes, das sie rendert. Die Admin-Seiten und der Medienbibliothek-Dialog nutzen das Admin-Theme. Der Block **License info** nutzt das Theme der Region, in die Sie ihn gelegt haben. 2. Bearbeiten Sie die Kopie. 3. Leeren Sie Caches mit `drush cr`. ## Warum sich Element-Markup nicht überschreiben lässt Das Markup jedes Elements ist eine twig.js-Vorlage in `dxpr_builder/templates/`, zum Beispiel `elements/alert/alert.twig.html`. Der Build kompiliert diese Vorlagen in `dxpr_builder/dxpr_templates.js`. Der Editor rendert sie im Browser und speichert das Ergebnis-HTML ins Feld. Daraus folgen zwei Dinge: - Eine geänderte Vorlage braucht einen Neubau des Editors. Websites, die den Editor vom DXPR-CDN laden, können eine geänderte Vorlage gar nicht nutzen. - Gespeicherte Seiten behalten das HTML, mit dem sie gespeichert wurden. Eine neue Vorlage wirkt nur auf Elemente, die nach der Änderung gerendert werden. Daher bietet das Modul kein seitenweites Überschreiben von Elementvorlagen. Nutzen Sie eine der Routen unten. ## Unterstützte Anpassungsrouten | Ziel | Route | |---|---| | Wiederverwendbare Layouts für die Redaktion | [Seitenvorlagen](/de/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates) und [Benutzervorlagen](/de/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates), beide im Builder gewählt | | Aussehen von Elementen ändern | [Eigenes CSS](/de/hc/documentation/learn-dxpr-builder/customization/custom-css) im Theme, gezielt auf eigene Klassen oder die `az-*`-Klassen | | Der Redaktion benannte Stile geben | [Dienstklassen](/de/hc/documentation/learn-dxpr-builder/customization/utility-classes) aus der `.info.yml` des Themes, und [eigene Stile](/de/hc/documentation/learn-dxpr-builder/customization/text-editor#set-up) für den Texteditor | | Zusätzliche Icon-Sets | [Icon-Bibliotheken](/de/hc/documentation/learn-dxpr-builder/customization/icon-libraries) | | Neue Elementtypen | [Eigene Elemente erstellen](/de/hc/documentation/learn-dxpr-builder/development/custom-elements) | ## Wie geht es weiter? - [Seitenvorlagen](/de/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates): das Vorlagensystem, das die Redaktion nutzt. - [DXPR Builder themen](/de/hc/documentation/learn-dxpr-builder/development/theming): wie Builder-CSS und Ihr Theme zusammenpassen.