Gridbox позволяет добавлять произвольный код на сайт без вмешательства в файлы шаблона или ядро Joomla. В зависимости от задачи (оформление элементов, сложная интерактивная логика или подключение внешних счетчиков аналитики) код размещается глобально на весь сайт, для отдельной страницы или внедряется в служебные теги
<head> и <body>.1 Добавление CSS и JavaScript через редактор кода
Для глобальных стилей и скриптов открой верхнюю панель редактора: Инструменты ➝ Редактор кода (или Страница ➝ Редактор кода, если стили нужны только для текущей страницы):
Правило синтаксиса
/* Вкладка CSS — только чистые свойства без тегов <style> */.custom-class { color: #0066ff;}// Вкладка JavaScript — чистый JS-код без тегов <script>document.addEventListener('DOMContentLoaded', () => { console.log('Gridbox ready');});2 Подключение сторонних скриптов в <head> и <body>
Для счетчиков Яндекс.Метрики, Google Tag Manager, пикселей соцсетей и мета-тегов верификации перейди в Сайт ➝ Пользовательский код (Custom Code):
Пример: Header / Body Code
<!-- В поле «Код заголовка (Header Code)» --><meta name="yandex-verification" content="XXXXXXXXXXXXXX" /><script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script><!-- В поле «Код тела (Body Code)» --><!-- Коды чатов поддержки, всплывающих виджетов и пикселей -->3 Вставка разметки в тело страницы (Custom HTML)
Если требуется встроить элемент верстки (кнопку, интерактивный баннер, iframe-карту или svg-графику) прямо в сетку страницы:
Инструкция
1. Нажми «+» (Добавить плагин) внутри нужной строки или колонки.2. Выбери плагин «Кастомный HTML» (Custom HTML).3. Вставь HTML-структуру напрямую в окно редактора.Обрати внимание:
Код, добавленный во вкладках Сайт ➝ Пользовательский код, выполняется как на десктопе, так и на мобильных устройствах. После вставки новых скриптов аналитики обязательно сбрось кэш Gridbox (Инструменты ➝ Очистить кэш) для компиляции итогового документа.