Редизайн на Битриксе: меняется шаблон, логика остаётся
На коробке внешний вид и то, что под ним, разнесены по разным местам физически. Шаблон сайта и шаблоны компонентов отвечают за то, как страница выглядит; инфоблоки, свойства товаров, права доступа, обмен с 1С и бизнес-логика живут отдельно и к оформлению отношения не имеют. Мы работаем только с первым слоем — и это не обещание из вежливости, а условие, по которому работу потом и проверяют.
Из него следуют три вещи. Данные никуда не переезжают: товары, заказы, пользователи и история остаются на месте. Адреса страниц сохраняются, потому что их задаёт не шаблон. И главное — после сдачи обновления коробки продолжают накатываться штатно: весь наш код лежит в отдельном каталоге, файлы ядра остаются такими же, как их выпустил разработчик платформы.
- Ядро не правится: обновления платформы после нас продолжают ставиться
- Инфоблоки, права и обмен с 1С не трогаются — это не наш слой
- Смена редакции для нового шаблона не требуется
- Шаблон сайта: разметка, меню, подвал, сетка
- Шаблоны компонентов: как выводятся списки и карточки
- Стили, скрипты и картинки оформления
- Мобильная раскладка всех типовых страниц
Всё это лежит в отдельном каталоге и переносится между копиями сайта целиком.
- Инфоблоки, разделы и свойства товаров
- Права доступа, группы пользователей, роли
- Обмен с 1С, склад, цены и остатки
- Файлы ядра платформы
Не трогается вовсе. Если задача требует сюда зайти — это другая работа и другой счёт.
Три слова, которые путают: шаблон, компонент и шаблон компонента
От этой путаницы зависят и смета, и то, что вообще можно поменять. Разговор «поменяйте нам шаблон» на практике означает три разные работы разного объёма, и выяснять, какую именно, лучше до счёта.
Разберём по порядку, от общего к частному.
Шаблон сайта — это рама. Всё, что одинаково на любой странице: шапка, меню, подвал, сетка, подключённые стили и скрипты. Поменять раму — значит поменять общее впечатление от сайта, не трогая содержимое страниц. Это самая заметная снаружи и при этом самая безопасная часть работы.
Компонент — это механизм. Он достаёт данные и умеет что-то делать: вывести список новостей, показать товар, принять форму, посчитать корзину. Логика компонента — не слой оформления, и трогать её в редизайне мы не будем: именно отсюда берутся сломанные сайты, которые потом нельзя обновить.
Шаблон компонента — это витрина механизма. Он отвечает за то, как выведется то, что достал компонент: плиткой или списком, с ценой или без, какие свойства показать. Здесь и делается большая часть работы по виду, и делается она копией: берём стандартный шаблон, копируем к себе и правим копию. Оригинал остаётся нетронутым, и обновление платформы его спокойно заменит.
Отсюда практическое следствие: если желаемый вид требует данных, которых компонент не достаёт, — например, показать в списке свойство, которого у товара нет, — это уже не редизайн. Такая задача решается на стороне данных и логики, стоит отдельно и называется по-другому. Мы разделяем эти две части в смете, чтобы не получилось, что «поменять цвет кнопки» и «добавить фильтр по новому свойству» оказались в одной строке. Что такое редакции коробки и какая нужна вам — на странице про сайт на Битриксе
Как это устроено технически: шесть мест, где идёт работа
Всё перечисленное лежит по одну сторону границы: меняется вид, данные остаются. Мы показываем не список работ, а то, куда физически ложится каждая из них, — на коробке это и есть главный вопрос: от него зависит, переживёт ли сайт следующее обновление. Общий состав разработки не повторяем, он одинаков для направления и описан у родителя
Шапка, меню, подвал, сетка и типографика — то, что видно на любой странице. Собирается как отдельный шаблон рядом с текущим, а не поверх него: так старый остаётся рабочим до самого переключения и в любой момент возвращается.
Каждый компонент, вид которого меняется, получает собственную копию шаблона внутри нашего каталога. Стандартные остаются нетронутыми. Это и есть техническая причина, по которой обновления коробки после работ продолжают накатываться.
Главная, раздел, карточка, форма, текстовая страница. Проверяется на живых аппаратах, потому что часть находок в уменьшенном окне браузера не воспроизводится: липкая панель поверх кнопки, клавиатура на поле, промах пальцем по соседней ссылке.
Новый шаблон легко делает сайт тяжелее: шрифты, картинки, лишние подключения. Сверяем вес до и после и отдельно проверяем, как новый вид ведёт себя вместе с кешированием платформы — на коробке это регулярно даёт сюрпризы.
После смены шаблона редактор должен работать как раньше: те же поля, те же разделы, тот же способ завести новость или товар. Если новый вид требует нового поля, мы говорим об этом отдельно — это заход на чужой слой и отдельная строка.
Новый шаблон включается настройкой, а не выкладкой файлов поверх старых. Поэтому переключение занимает минуты, и обратный путь такой же короткий: старый шаблон лежит рядом и остаётся рабочим ещё какое-то время после запуска.
Чего здесь нет: изменения инфоблоков и свойств, перенастройки прав, правок обмена с 1С, вмешательства в корзину и оформление заказа на уровне логики. Всё это соседний слой. Если сайт при этом ещё и переезжает на коробку с другой платформы, вопрос вообще другой и разобран отдельно — перенос на Битрикс
Семь вопросов к вашему шаблону
Часть проверяется в админке, часть — вопросом тому, кто правил сайт до нас. Они отвечают на один вопрос: сколько работы придётся сделать до того, как начнётся сам редизайн. Вердикт считается от непройденного. Отметки остаются в этом браузере.
Вердикт появится после первой отметки. Считается он от числа несовпадений: семь вопросов не описывают коробку целиком, зато каждое несовпадение называет работу, которая пойдёт до редизайна и отдельной строкой в смете.
Сходится 0 из 7
Почему проверка ручная: узнать снаружи, правили ли на сайте ядро и сколько у него шаблонов, невозможно — это видно только изнутри, по файлам и по админке. Поэтому вопросы написаны так, чтобы на каждый можно было ответить самостоятельно или одним звонком тому, кто вёл сайт раньше.
Спросить про границу работ
Не уверены, что хотите поменять — вид или логику?Это и есть главный вопрос сметы. Опишите задачу в двух предложениях — ответим, лежит она в слое оформления или заходит в данные, и во что это превращается по объёму.
Написать в Telegram Про редакции и лицензииТри способа поменять вид сайта на коробке
Выбор между ними делается не по бюджету, а по состоянию текущего шаблона и по тому, насколько далеко вид уходит от нынешнего. Мы называем все три, включая тот, который нам невыгоден: иногда правки текущего шаблона закрывают задачу целиком.
| Способ | Когда подходит | Что происходит с ядром и данными | Чем платите |
|---|---|---|---|
| Правки текущего шаблона | Вид меняется точечно: цвета, шрифты, карточка товара, шапка | Не трогаются вовсе. Правится только то, что лежит в каталоге шаблона | Ничем, кроме объёма — если шаблон в порядке. Если он запутан, каждая правка тянет соседние |
| Новый шаблон рядом | Вид меняется целиком, а данные, разделы и адреса остаются прежними | Ядро нетронуто, данные на месте. Новый шаблон собирается отдельно и включается настройкой | Объёмом: типовые страницы собираются заново. Зато переключение и возврат занимают минуты |
| Переезд на другую платформу | Коробка мешает задаче, а не виду: лицензии, нагрузка, чужой самописный код внутри | Данные переносятся, адреса меняются массово, часть функций собирается заново | Это уже не редизайн: работа шире, дороже и с другим главным риском |
Мы берём первые два, а третий называем вслух и отправляем на соседнюю страницу. Переезд между платформами — отдельная работа с собственным главным вопросом: что происходит с адресами и с накопленным поисковым весом. Он разобран там, а не здесь, и путать их дорого: переезд под видом редизайна — это вдвое больший объём, названный вполовину меньшей ценой. Что такое редакции коробки, чем они отличаются и какая нужна вам — на своей странице; для смены шаблона редакция не меняется.
Порядок работы: собираем рядом, переключаем настройкой
Календарь появляется после первого этапа: объём задаёт не число экранов, а состояние текущего шаблона и количество компонентов, чей вид меняется. Коробка, которую вели аккуратно, и коробка после пяти подрядчиков — это разные сроки при одинаковом макете.
-
Этап 1
Ревизия текущего шаблона
Смотрим, сколько шаблонов у сайта и какой из них рабочий, что уже скопировано в свой каталог, какие компоненты нестандартные, правили ли ядро. Здесь же выясняется, обновлялась ли платформа. Этап заканчивается списком того, что придётся сделать до редизайна.
От вас: доступ к админке с правами администратора и к файлам сайта
-
Этап 2
Копия и разметка границы
Поднимаем копию сайта и на ней же проводим границу: что относится к виду и делается сейчас, а что требует захода в данные или логику и выносится отдельной строкой. Эта граница фиксируется письменно — именно из-за неё чаще всего спорят в середине работ.
От вас: подтвердить, что копию можно поднять, и сказать, где её разместить
-
Этап 3
Прототип и дизайн типовых страниц
Типовых страниц у сайта на коробке немного: главная, раздел, карточка, текстовая страница, форма. Рисуются они с мобильного экрана, и рисуется именно то, что потом соберётся компонентами, — макет, который нельзя собрать штатными средствами, здесь стоит дороже красивого.
От вас: одно согласование на типовую страницу и вычитка фактов
-
Этап 4
Сборка шаблона и копий шаблонов компонентов
Новый шаблон собирается рядом с текущим и никогда поверх него. Каждому компоненту, чей вид меняется, делается собственная копия шаблона в нашем каталоге. Стандартные файлы остаются нетронутыми — это и есть техническое условие того, что обновления продолжат ставиться.
От вас: ничего, кроме ответов на редкие вопросы по содержимому
-
Этап 5
Переключение, проверка и запас на возврат
Новый шаблон включается настройкой в согласованное окно. Проверяем типовые страницы, формы и мобильную раскладку на живом сайте, отдельно — совместимость нового вида с композитным кешем. Старый шаблон остаётся на месте: вернуться можно тем же переключателем.
От вас: выбрать окно и быть на связи в этот день
Возврат — это переключатель, а не переделкаПока старый шаблон лежит рядом, откат занимает минуты и не требует ни выкладки файлов, ни восстановления из копии. Мы оставляем его включаемым ещё некоторое время после запуска и убираем только по вашему слову.
Что входит в сметуСколько стоит: ступень от 150 000 ₽
Смена шаблона считается по второй ступени лестницы направления. Объём здесь задают две величины: число типовых страниц и число компонентов, чей вид меняется. Сайт с пятью типовыми страницами и десятком компонентов и сайт с теми же пятью страницами и полусотней компонентов — разные работы при одинаковом макете. Лестница целиком — на странице направления
- Ревизия текущих шаблонов и письменная граница между видом и логикой
- Прототип и дизайн типовых страниц с мобильного экрана
- Сборка нового шаблона рядом с текущим, без выкладки поверх
- Копии шаблонов компонентов в отдельном каталоге, ядро остаётся вендорским
- Проверка веса страниц до и после, отдельно — совместимость с композитным кешем
- Переключение в согласованное окно и сохранённая возможность вернуться
- Изменения инфоблоков, свойств, прав и обмена с 1С — это соседний слой и отдельная работа
- Обновление коробки, если её давно не обновляли: считаем отдельной строкой и делаем до редизайна
- Лицензия платформы и её продление — оформлены на вас и оплачиваются напрямую
- Перестройка структуры и смена адресов — соседний формат со своим реестром
- Разбор чужого кода внутри компонентов и его починка — это доработка, а не редизайн
Сильнее всего смету двигают две вещи: сколько компонентов меняют вид и в каком состоянии текущий шаблон. Аккуратно сделанный шаблон ускоряет работу заметно, запутанный — наоборот, и поэтому ревизия идёт первым этапом, а не после подписания. Точечные правки после сдачи считаются часами: 3 000 ₽ вне договора, 2 000 ₽ в абонементе поддержки на Битриксе
Что останется у вас
Кроме нового вида остаётся то, что проверяется одним действием: возможность поставить обновление платформы. Это и есть главный результат аккуратной работы на коробке, и проверить его вы можете сами, не разбираясь в коде.
Весь наш код лежит в одном каталоге, и это проверяемо. Файлы платформы после нас совпадают с тем, что выпустил её разработчик, — а значит, следующий подрядчик не унаследует чужих сюрпризов, обновления ставятся штатно, а откат к прежнему виду остаётся переключателем, а не восстановлением из копии.
- Новый шаблон целиком в отдельном каталоге — переносится между копиями сайта
- Старый шаблон на месте и включаемый настройкой столько, сколько вам нужно
- Список компонентов, чьи шаблоны скопированы, — чтобы следующий подрядчик не искал
- Письменная граница работ: что было изменено и чего мы не касались
- Рабочая копия сайта, на которой можно проверять что угодно дальше
- Исходники дизайна и репозиторий с кодом — на ваших аккаунтах
- Лицензия, домен и хостинг остаются оформленными на вас, как и были
- Инструкция редактору: что в админке изменилось, а что осталось как прежде
Эта страница — один из форматов направления
Про саму платформу — редакции, лицензии, что даёт коробка и чего стоит — написано на отдельной странице, и здесь это не пересказывается. Общие условия работы студии тоже живут выше по дереву.
Лицензия платформы оформляется на вас, код кладётся в ваш репозиторий, доступы остаются вашими — при работе с чужой коробкой это выполняется так же, как при сборке сайта с нуля. Разработка сайтов
Когда смена шаблона не решит задачу
Четыре случая, в которых новый вид не поможет или поможет не тем способом, на который рассчитывают. Во всех четырёх мы говорим об этом на разборе, до счёта.
-
Если сайт медленный из-за данных, а не из-за оформления
Каталог с десятками тысяч позиций и тяжёлым фильтром тормозит не потому, что шаблон старый. Новый вид эту причину не убирает, а иногда усугубляет: добавляются шрифты и картинки. Смотреть надо кеширование, выборки и индексы — это другой слой и другая работа. Мы называем это на ревизии, потому что разочарование здесь наступает уже после оплаты.
-
Если нужен вид, которого нет в данных
«Покажите в списке срок поставки» звучит как задача для дизайнера, но если у товара такого свойства нет, дизайн тут ни при чём. Сначала поле в данных и его заполнение, потом вывод. Мы разделяем эти части в смете сознательно, чтобы «поменять вид карточки» и «завести и заполнить новое свойство у тысячи товаров» не оказались одной строкой.
-
Если на сайте правили ядро и обновлений давно не было
Новый шаблон поверх такой коробки — это новый вид на фундаменте, который нельзя обновить. Работа возможна, но начинать надо не с дизайна: сначала ревизия и приведение платформы в обновляемое состояние, и это отдельная строка со своим объёмом. Мы скажем об этом прямо и не станем прятать в общую смету, даже если так продать было бы проще.
-
Если коробка вам вообще не нужна
Бывает, что сайт живёт на платной платформе просто потому, что так сложилось: три текстовые страницы и форма обратной связи не требуют ни лицензии, ни её возможностей. Менять шаблон в таком случае — платить за красоту на дорогом фундаменте. Разговор о том, нужна ли коробка вообще, ведётся на её странице, и честный ответ там тоже бывает отрицательным.
В каждом случае называем, что делать вместоОтказ без продолжения — потерянное время. Отдельная страница собирает такие случаи по всем услугам студии, включая те, где мы отправляем к другим подрядчикам.
Когда мы вам не нужныЧто идёт рядом и чем отличается
Работ вокруг коробки много, и различаются они по одному признаку — по тому, в какой слой заходят. Вид, данные, платформа целиком: чем глубже слой, тем дороже и тем другой разговор.
Если сайт на коробке при этом плохо находят, дело не в шаблоне: у платформы свои особенности с фильтром, кешем и адресами, и разбираются они отдельно — продвижение сайта на Битриксе. Нижние границы всех направлений собраны на странице цен
Редизайн на Битриксе: что стоит знать до заказа
Где на коробке проходит граница между видом и логикой
Платформа устроена так, что оформление и данные разнесены физически. За внешний вид отвечают шаблон сайта и шаблоны компонентов — это файлы разметки и стилей, которые лежат в своих каталогах. За содержимое отвечают инфоблоки: разделы, элементы, свойства. За поведение — компоненты и настройки: как считается корзина, как работает фильтр, кто какие разделы может править. Смена вида означает работу только с первой группой.
Практическая ценность этой границы в том, что она проверяема. После аккуратного редизайна файлы платформы совпадают с тем, что выпустил её разработчик, весь новый код лежит в отдельном каталоге, а обновления продолжают ставиться штатно. Это не обещание на словах: проверить можно одним действием в админке, и мы сами предлагаем это сделать при сдаче.
Нарушается граница обычно из лучших побуждений. Чтобы показать в списке товаров какое-нибудь удобное поле, проще всего поправить сам компонент; чтобы срочно подправить поведение корзины — залезть в файл платформы. Каждая такая правка удобна один раз и мешает годами: сайт перестают обновлять, потому что обновление затрёт изменения, а через пару лет коробка отстаёт от актуальной версии настолько, что любая работа с ней начинается с восстановления.
Почему новый шаблон собирают рядом, а не поверх
На коробке шаблон — это не один файл, а каталог, и переключение между шаблонами делается настройкой. Отсюда самый безопасный порядок работы: новый шаблон собирается как отдельный, рядом с текущим, и до самого дня запуска старый остаётся рабочим и нетронутым. Переключение занимает минуты. Возврат — столько же, потому что это тот же переключатель, а не восстановление сайта из копии.
Собирать поверх — значит потерять эту возможность. Файлы заменяются, старый вид перестаёт существовать, и единственный способ вернуться назад — разворачивать копию, сделанную накануне. За это время на сайте появились новые заказы, новости и правки, и их придётся сводить руками. Разница в трудозатратах между двумя подходами невелика, а разница в риске — принципиальная.
Тот же принцип действует и на уровне компонентов. Шаблон компонента не правится в стандартном каталоге: он копируется в наш и правится там. Оригинал остаётся, обновление платформы спокойно его заменяет, а наша копия продолжает работать. Это скучная дисциплина, которую не видно снаружи, — и именно она отличает сайт, который можно передать следующему подрядчику, от сайта, который придётся собирать заново.
Что происходит с адресами, данными и скоростью
Адреса при смене шаблона не меняются: их задаёт структура разделов и настройки, а не оформление. Это главное отличие редизайна на месте от переезда, и именно поэтому здесь нет ни реестра адресов, ни массовых перенаправлений — сохранять нечего, потому что ничего не пропадает. Если же вместе с видом перестраивается и структура разделов, работа становится шире, и порядок там другой: сначала таблица адресов, потом эскизы.
Данные тоже остаются на месте. Товары, заказы, пользователи, история, связь с учётной системой — всё это живёт в базе и к шаблону отношения не имеет. Переносить их нужно только при смене платформы, и тогда это уже переезд — работа другого масштаба, с массовой сменой адресов в середине.
Скорость — единственное, что от нового вида действительно зависит, и зависит в обе стороны. Аккуратный шаблон облегчает страницы: уходят лишние подключения, картинки становятся легче. Небрежный утяжеляет: пара декоративных шрифтов и фоновое видео съедают больше, чем экономит любая оптимизация. Отдельная история — кеширование платформы: на копии с настоящим объёмом данных оно иногда даёт неожиданный результат, а на десятке тестовых товаров не проявляется вовсе. Ступени сметы направления описаны на странице разработки сайтов
Вопросы про смену шаблона
Шесть вопросов, которые задают именно про этот формат. Про договор, оплату и гарантии — отдельная страница; про саму платформу — страница про сайт на Битрикс
Остался вопрос?
Написать в Telegram, отвечаем за 30 минутДа, и это проверяется одним действием: обновление ставится из админки, и мы предлагаем сделать это вместе при сдаче. Условие с нашей стороны одно — весь новый код лежит в отдельном каталоге, а файлы платформы остаются такими же, как их выпустил разработчик. Единственная оговорка: если ядро правили до нас, проблема остаётся на месте и решается отдельной работой. Поэтому вопрос про правленое ядро стоит первым в проверке выше.
Для смены вида — нет. Шаблон сайта и шаблоны компонентов доступны в любой редакции, и новый дизайн сам по себе не требует ни перехода на старшую, ни докупки модулей. Менять редакцию приходится тогда, когда задача упирается в возможности платформы: например, нужен функционал, которого в вашей просто нет. Это другой разговор, он ведётся на странице про платформу, и там же сказано, чем редакции отличаются.
Ничего: они лежат в базе и к шаблону отношения не имеют. Меняется то, как данные выводятся, а не сами данные. История заказов, карточки покупателей, накопленные бонусы, обмен с учётной системой — всё остаётся в том же виде. Перенос данных нужен только при смене платформы, и это другая работа. Если вам обещают «новый дизайн с переносом базы» в одной строке сметы, стоит уточнить, что именно имеется в виду.
Не проблема, но отдельная строка. У написанного под вас компонента может не быть шаблона в привычном смысле: разметка бывает вшита в код, и тогда поменять вид, не трогая логику, нельзя. Такие случаи мы находим на ревизии и называем честно: либо вид этого блока остаётся прежним, либо компонент приводится в нормальный вид — и это уже доработка, а не редизайн. Решение принимаете вы, зная цену обоих вариантов.
Нет. Новый шаблон к этому моменту уже собран и лежит рядом, а переключение — это настройка, которая применяется мгновенно. Остановки сайта не требуется, выкладки файлов поверх рабочих — тоже. Окно мы всё равно согласуем: в первые минуты после переключения кто-то из нас проходит типовые страницы и формы руками, и лучше делать это не в час пик. Если что-то пошло не так, возврат — тот же переключатель.
Да, и такие заказы бывают чаще полных редизайнов. Работа сводится к копии шаблона одного компонента и правкам в ней; общий шаблон сайта при этом не трогается. Считается это по объёму, а не долей от полной переделки. Единственное, о чём предупреждаем: обновлённая карточка рядом со старым каталогом часто выглядит чужой, и следующим вопросом обычно становится список. Мы говорим об этом заранее, чтобы вы решали, а не обнаруживали.
Пришлите сайт — проведём границу работ до сметы
- Полчаса разговора: разбираем, что в вашей задаче про вид, а что про данные и логику
- Скажем честно, если дело не в шаблоне, — и назовём, чем это лечится на самом деле
- Если возьмёмся — начнём с ревизии шаблона, смета пойдёт от ступени от 150 000 ₽
Заявка принята
Посмотрим сайт своими глазами и вернёмся в течение рабочего дня. Если срочно — напишите в Telegram.
Или напишите сразу:
Telegram · отвечаем лично за 30 минут