О метке «Шаблоны»
Материалы по теме «Шаблоны»: статьи и инструкции по 1С-Битрикс в базе знаний Bitrix-Help.
Метка: Шаблоны
12 материалов
Open Graph и превью ссылок в Битрикс
Когда ссылку на сайт отправляют в мессенджер или публикуют в соцсети, там появляется карточка: заголовок, описание и картинка. Формируется она из разметки Open Graph — набора метатегов в шапке страницы. Если разметки нет, карточка собирается наугад: заголовком станет случайный текст, картинкой — первое попавшееся изображение или логотип. Разберём, как задать разметку в 1С-Битрикс и почему проверять её нужно не глазами,…
$APPLICATION в Битрикс: все методы CMain
Глобальный объект $APPLICATION — экземпляр класса CMain, создающийся автоматически на каждой странице сайта. Через него проходит формирование заголовка, подключение стилей и скриптов, вывод меню и работа с включаемыми областями — почти всё, что связывает шаблон с содержимым страницы. Разберём методы, которыми пользуются каждый день, и объясним логику отложенных функций — механизм, который в старом ядре Битрикс работает не так, как…
bitrix:menu: кастомизация меню в Битрикс
bitrix:menu формирует навигационное меню из файловой структуры сайта. В отличие от многих других компонентов, у него нет привязки к инфоблоку — источником данных служит файл .menu.php, который контент-менеджер может редактировать прямо из публичной части. Базовое подключение <$APPLICATION->IncludeComponent( ‘bitrix:menu’, ‘top’, [ ‘ROOT_MENU_TYPE’ => ‘top’, ‘MENU_CACHE_TYPE’ => ‘A’, ‘MENU_CACHE_TIME’ => 3600, ‘MENU_CACHE_USE_GROUPS’ => ‘Y’, ‘MAX_LEVEL’ => 2, ‘USE_EXT’ => ‘N’, ] );?>…
Кастомизация шаблона компонента: копирование в шаблон сайта
Стандартный шаблон компонента редко устраивает без изменений: чужая вёрстка, другие классы, отсутствие нужных блоков разметки. Правка файлов прямо в /bitrix/components/ — самый быстрый способ испортить сайт: правки исчезнут при первом же обновлении модуля. Правильный путь — копирование шаблона компонента в свой шаблон сайта. Разберём механизм, порядок поиска файлов ядром и типичные ошибки при переносе. Где искать оригинал Штатные шаблоны компонентов…
Сборка ассетов Vite и Webpack в проекте на Битрикс
1С-Битрикс не требует сборщика: положил CSS в template_styles.css, и он подключился. Но как только в проекте появляются препроцессоры, модульный JavaScript или npm-пакеты, встаёт вопрос сборки — а вместе с ним и вопрос, как подружить современный фронтенд-инструментарий с PHP-шаблоном. Разберём, когда сборщик действительно нужен, как устроить структуру папок в шаблоне, как подключать собранные файлы с учётом хешей в именах и что…
Спрайты и иконки в шаблоне Битрикс
Иконки есть на любом сайте: стрелки, корзина, телефон, социальные сети, галочки в списках. Способов вывести их несколько, и выбор влияет на количество запросов, вес страницы и на то, получится ли перекрасить иконку под наведение. Разберём три подхода — SVG-спрайт, инлайн-SVG и шрифтовые иконки, — покажем, как подключить спрайт в шаблоне 1С-Битрикс, и объясним, почему растровые спрайты сегодня почти не нужны….
Адаптивность и мобильная версия на Битрикс
Больше половины трафика большинства сайтов приходит с телефонов, и вопрос «делать ли мобильную версию» давно не стоит. Стоит другой: делать адаптивную вёрстку одним шаблоном или отдельную мобильную версию с определением устройства на сервере. На 1С-Битрикс этот выбор имеет техническое последствие, о котором обычно узнают поздно: серверное определение устройства конфликтует с кешированием. Разберём оба подхода, их совместимость с кешем и практические…
Свой шаблон для конкретного раздела сайта в Битрикс
Далеко не всегда весь сайт должен выглядеть одинаково. Каталогу нужна боковая колонка с фильтром, посадочной странице — вообще никакой обвязки, личному кабинету — своя шапка, а странице печати — голая вёрстка без меню. В 1С-Битрикс это решается несколькими шаблонами с условиями применения. Разберём все способы назначить шаблон разделу или странице — от настроек в админке до подмены из кода —…
Включаемые области в Битрикс
Включаемая область — это кусок содержимого, вынесенный в отдельный файл и подключаемый в нужное место шаблона или страницы. Смысл в том, что редактировать его может контент-менеджер прямо из публичной части сайта, не залезая в код. Телефон в шапке, адрес в подвале, баннер сбоку, текст под каталогом, реквизиты компании — всё это классические кандидаты во включаемые области. Разберём три режима их…
Подключение CSS и JS в Битрикс правильно
Подключить стиль или скрипт в 1С-Битрикс можно пятью разными способами, и они не равнозначны. От выбора зависит, попадёт ли файл в объединение и сжатие, в каком порядке загрузится и не сломается ли вёрстка при включении оптимизации. Разберём все методы API, объясним, чем SetAdditionalCSS отличается от AddHeadString, и покажем, что делать со сторонними скриптами, которые ядро норовит перенести в конец страницы….