Відвідувачі бачать щось інше.
Зробіть так, щоб сторінка виглядала для відвідувачів так, як для вас. Звичайні причини це кеш перед сторінкою, відсутність Bootstrap для відвідувачів, фільтр текстового формату або сторінка, збережена старішим релізом.
Відвідувачі бачать старий вміст
Збереження конструктора очищає кеші Drupal для цієї сторінки, тож старий вміст зазвичай надходить із кешу поза конструктором.
- Очистіть усі кеші. Якщо вміст оновиться, причиною був кеш Drupal.
- Перейдіть до Configuration > Development > Performance і перевірте Browser and proxy cache maximum age.
- За Varnish або CDN встановіть модуль Purge або знизьте максимальний вік для сторінок конструктора. DXPR Builder не надсилає запитів очищення.
Порада: вигляд, розміщений на сторінці, показує рядки власного кешу. Якщо ці рядки старі, редагуйте вигляд, відкрийте Advanced, установіть Caching на Tag based і очистіть кеші.
Відвідувачі не бачать стилізації чи піктограм
- Стовпці, кнопки й відступи виглядають нестилізованими. Вміст конструктора потребує CSS Bootstrap 5, а ваша тема його не завантажує. Перейдіть до DXPR Studio > DXPR Builder > General Settings > Bootstrap і встановіть Sideload Bootstrap files на Bootstrap 5.
- Консоль відхиляє таблицю стилів із MIME-типом
text/html. Сторінка вказує на агрегований CSS-файл, якого більше немає, а сервер натомість повернув сторінку помилки. Очистіть усі кеші, щоб сторінки вказували на поточні файли. - Піктограм бракує на сторінці, збереженій старішим релізом. Збережений HTML перелічує шрифти піктограм, потрібні сторінці, а старіші збереження можуть не мати цього списку. Відкрийте сторінку в редакторі й збережіть її.
Скрипти чи вбудовування здираються для відвідувачів
Редактори бачать сирий вміст конструктора. Відвідувачі бачать його після фільтрів текстового формату, коли Apply text format filters to frontend content увімкнено в розділі General Settings > Text Filters.
- Вимкніть це налаштування або дайте полю текстовий формат без обмежень HTML.
- Розміщуйте сторонні скрипти в елементі HTML. Конструктор видаляє
теги
<script src>з кожного іншого елемента.
Карусель, вкладка чи згортальний елемент не працюють для відвідувачів
- Нічого не реагує на натискання, або в консолі помилка
bootstrap is not defined. Каруселі, вкладки й згортальні елементи працюють на JavaScript Bootstrap 5, а сторінка не має його для відвідувачів. Установіть Sideload Bootstrap files на Bootstrap 5 або завантажуйте Bootstrap 5 з вашої теми. - Карусель не рухається сама. Disable auto-play позначено в налаштуваннях каруселі. Зніміть позначку, установіть Auto-play interval і збережіть.
- Лічильники, паралакс або фонові відео стоять на місці після оновлення. Редактор вирішує під час збереження, чи потрібен сторінці фронтенд-скрипт конструктора. Відкрийте сторінку й збережіть її знову.
Підтвердьте виправлення
Відкрийте сторінку в приватному вікні. Вміст, стилізація й інтерактивні елементи відповідають тому, що ви бачите з View mode, установленим на Preview.
Що далі?
Кешування: шари кешу, що застосовуються до сторінок конструктора.