Отже, приступимо до найголовнішого.
Етап перший - нецікавий
Тут передбачається довгий, вдумливе ознайомлення з мануалами (качати з dev.1c-bitrix.ru) і успішне проходження курсу «Інтеграція». Після вивчення частина питань у Вас повинна відпасти.
Тепер перейдемо до практики.
Етап другий - створюємо файли
Файлову складову будемо робити ручками - так швидше і зручніше. Шаблони зберігаються в директорії / bitrix / templates /, тут треба створити каталог для свого творіння, наприклад test. Усередині нього розміщуємо:
Етап третій - заповнюємо файли
Картинки відразу пхає в images, всі стилі css в template_styles.css. потім з нього виберемо необхідний мінімум в styles.css. Я завжди намагаюся стилі шаблону поміщати в template_styles, тому що він підключається останнім і випадкове перевизначення не зламав каркас сайту.
У вихідній верстці потрібно виділити область для контенту і розрізати верстку на 3 частини - до нього, сам контент, і після нього. Для наочності наведу малюнок.
- в header.php включається 1 частина, за винятком вмісту між тегами і (залишити можна підключення різних скриптів) .Після обов'язково додати
- замість вилучених в секції head метатегов, заголовка, підключень css файлів розміщуємо виклики функцій бітрікс, які будуть динамічно формувати ці дані
- в footer.php цілком записуємо 3ю частину
- до всіх відносним шляхах додаємо / bitrix / templates / / Наприклад, було
Таким чином ми не прив'язуємо шляху до конкретного імені шаблону, воно буде підставлятися автоматично (що дозволить копіювати шаблони без додаткових труднощів)
Після описаних маніпуляцій повинно вийти щось схоже на header.php
У template_styles.css всі стилі, файл styles.css поки порожній.
Файл description.php містить всього один рядок виду:
У списку шаблонів ім'я каталогу (у нас для прикладу воно test) буде в колонці ID, [template name] і [template description] в «Назва» та «Опис» відповідно.
Етап четвертий - інтеграція
У початковому вигляді інформація, яку виводять компоненти, швидше за все не впишеться в дизайн. Йдемо в Режим розробки - тикаємо на шестірню - копіювати шаблон. Тепер шаблон компонента можна спокійно шматувати з адмінки Бітрікс або редагуванням style.css і template.php в каталозі / bitrix / templates / [ім'я шаблону] / components / [ім'я компонента] / [ім'я шаблону компонента] /