---
url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%BB%D0%B0%D1%81%D0%BD%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8'
title: 'Перевизначте шаблони DXPR Builder | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T20:00:06+00:00'
updated: '2026-10-24T20:15:47+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  DXPR Builder рендерить свої елементи в браузері, із шаблонів, скомпільованих у редактор. Немає шаблону елемента, який ви можете скопіювати в тему. Модуль постачає чотири Twig-шаблони для власних сторінок, і ви перевизначаєте їх звичайним способом Drupal. Ця сторінка перелічує їх, пояснює, чому розмітку елементів не можна перевизначити, і вказує на маршрути, які модуль натомість підтримує.
  Twig-шаблони, які ви можете перевизначити
  Шаблони живуть у теці templates/ модуля:
tags:
  - 'Match your brand'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:15:47+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Перевизначте шаблони DXPR Builder'
      description: |-
        DXPR Builder рендерить свої елементи в браузері, із шаблонів, скомпільованих у редактор. Немає шаблону елемента, який ви можете скопіювати в тему. Модуль постачає чотири Twig-шаблони для власних сторінок, і ви перевизначаєте їх звичайним способом Drupal. Ця сторінка перелічує їх, пояснює, чому розмітку елементів не можна перевизначити, і вказує на маршрути, які модуль натомість підтримує.
        Twig-шаблони, які ви можете перевизначити
        Шаблони живуть у теці templates/ модуля:
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T20:00:06+0000'
      dateModified: '2026-10-24T20:15:47+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/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%BB%D0%B0%D1%81%D0%BD%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8'
      articleSection: 'Адаптація під бренд'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%BB%D0%B0%D1%81%D0%BD%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8'
      description: |-
        DXPR Builder рендерить свої елементи в браузері, із шаблонів, скомпільованих у редактор. Немає шаблону елемента, який ви можете скопіювати в тему. Модуль постачає чотири Twig-шаблони для власних сторінок, і ви перевизначаєте їх звичайним способом Drupal. Ця сторінка перелічує їх, пояснює, чому розмітку елементів не можна перевизначити, і вказує на маршрути, які модуль натомість підтримує.
        Twig-шаблони, які ви можете перевизначити
        Шаблони живуть у теці templates/ модуля:
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/uk'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: uk
---
[Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення DXPR Builder](/uk/hc/documentation/learn-dxpr-builder) /[Керування сайтом](/uk/hc/documentation/learn-dxpr-builder/manage) /[Адаптація під бренд](/uk/hc/documentation/learn-dxpr-builder/customization) # Перевизначте шаблони DXPR Builder.

 Вивчення DXPR BuilderКерування сайтомАдаптація під бренд

   ## In this guide

 Related guides

- [Створення сторінки з шаблону](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B1%D0%B0%D0%B3%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8/%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA)
- [Темізація DXPR Builder](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%80%D0%BE%D0%B7%D1%80%D0%BE%D0%B1%D0%BA%D0%B0/%D1%82%D0%B5%D0%BC%D1%96%D0%B7%D0%B0%D1%86%D1%96%D1%8F)

DXPR Builder рендерить свої елементи в браузері, із шаблонів, скомпільованих у редактор. Немає шаблону елемента, який ви можете скопіювати в тему. Модуль постачає чотири Twig-шаблони для власних сторінок, і ви перевизначаєте їх звичайним способом Drupal. Ця сторінка перелічує їх, пояснює, чому розмітку елементів не можна перевизначити, і вказує на маршрути, які модуль натомість підтримує.

## Twig-шаблони, які ви можете перевизначити

Шаблони живуть у теці `templates/` модуля:

| Шаблон | Використовується для | Змінні |
|---|---|---|
| `dxpr-license-info.html.twig` | Підсумок використання на сторінках **User Licenses** і **Content items**, та **License info**-блок | `used_count`, `total_count`, `limit`, `block_label`, `total_label`, `used_label`, `more_info_link` |
| `page--dxpr-builder--media-library.html.twig` | Обгортка сторінки діалогового вікна Media Library за шляхом `/dxpr_builder/media-library` | стандартні `page`-змінні |
| `html--dxpr-builder--media-library.html.twig` | Обгортка `<html>` того самого діалогового вікна | стандартні `html`-змінні |
| `page--people-list.html.twig` | Відправна точка для сторінки **People** (`/admin/people`) з підсумком ліцензії | стандартні змінні `page` плюс `user_license` |

Перші три працюють як є. Drupal не завантажує `page--people-list.html.twig` з модуля. DXPR Builder лише додає пропозицію `page__people_list` і змінну `user_license` на сторінці People. Щоб показати там підсумок, скопіюйте файл у свою тему адміністрування.

Щоб перевизначити шаблон:

1. Скопіюйте файл із `modules/contrib/dxpr_builder/templates/` у теку `templates/` теми, яка його рендерить. Сторінки адміністрування та діалогове вікно Media Library використовують тему адміністрування. Блок **License info** використовує тему регіону, у який ви його помістили.
2. Відредагуйте копію.
3. Очистьте кеші через `drush cr`.

## Чому розмітку елементів не можна перевизначити

Розмітка кожного елемента це шаблон twig.js у `dxpr_builder/templates/`, наприклад `elements/alert/alert.twig.html`. Збірка компілює ці шаблони в `dxpr_builder/dxpr_templates.js`. Редактор рендерить їх у браузері й зберігає результатний HTML у поле. Звідси два наслідки:

- Змінений шаблон потребує перезбірки редактора. Сайти, які завантажують редактор із DXPR CDN, взагалі не можуть використовувати змінений шаблон.
- Збережені сторінки зберігають HTML, з яким їх було збережено. Новий шаблон впливає лише на елементи, рендерені після зміни.

Тож модуль не пропонує перевизначення шаблонів елементів на сайт. Використайте один із маршрутів нижче.

## Підтримувані маршрути кастомізації

| Мета | Маршрут |
|---|---|
| Макети багаторазового використання для редакторів | [Шаблони сторінок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B1%D0%B0%D0%B3%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8/%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA) і [Шаблони користувачів](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B1%D0%B0%D0%B3%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8/%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8-%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D0%B0), обидва вибираються в конструкторі |
| Зміна вигляду елементів | [Власний CSS](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B2%D0%BB%D0%B0%D1%81%D0%BD%D0%B8%D0%B9-css) у темі, націлений на власні класи або `az-*`-класи |
| Надання редакторам іменованих стилів | [Службові класи](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D1%81%D0%BB%D1%83%D0%B6%D0%B1%D0%BE%D0%B2%D1%96-%D0%BA%D0%BB%D0%B0%D1%81%D0%B8) з `.info.yml` теми, і [власні стилі](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D0%B8%D0%B9-%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80#set-up) для текстового редактора |
| Додаткові набори піктограм | [Бібліотеки піктограм](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B1%D1%96%D0%B1%D0%BB%D1%96%D0%BE%D1%82%D0%B5%D0%BA%D0%B8-%D0%BF%D1%96%D0%BA%D1%82%D0%BE%D0%B3%D1%80%D0%B0%D0%BC) |
| Нові типи елементів | [Створення власних елементів](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%80%D0%BE%D0%B7%D1%80%D0%BE%D0%B1%D0%BA%D0%B0/%D0%B2%D0%BB%D0%B0%D1%81%D0%BD%D1%96-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8) |

## Що далі?

- [Шаблони сторінок](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B1%D0%B0%D0%B3%D0%B0%D1%82%D0%BE%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D1%96-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8/%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA): система шаблонів, яку використовують редактори.
- [Темування DXPR Builder](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%80%D0%BE%D0%B7%D1%80%D0%BE%D0%B1%D0%BA%D0%B0/%D1%82%D0%B5%D0%BC%D1%96%D0%B7%D0%B0%D1%86%D1%96%D1%8F): як CSS конструктора та ваша тема пасують одне одному.