Содержание:
Клиент
Компания СК Роутер представляет продукцию отечественного завода по производству фрезерно-гравировальных станков с ЧПУ по металлу, дереву, пластику, камню и другим разнообразным материалам.Исходные данные
![1C Битрикс 1C Битрикс](https://www.hardkod.ru/wp-content/uploads/2024/07/1c-bitrix-logo.png)
Оказываемые услуги
Проблема проекта
Согласно ежемесячному плану, который seo-специалист разрабатывает индивидуально для сайта, на технический отдел было поставлено несколько задач по исправлению проблем с отображением некоторых блоков на сайте и исправности отдельных элементов функционала.Справочная информация:
SEO — работы, направленные на улучшение удобства сайта для пользователей и увеличение его посещаемости.
![](https://www.hardkod.ru/wp-content/uploads/2024/07/2024-04-22_15-14-41.png)
Раздел фрезерных станков на сайте СК-Роутер
Не работала стрелка разворота каталога верхнего меню:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/2024-03-12_17-14-22.png)
Неработающее меню в мобильной версии
В мобильной версии было пустое пространство перед хедером:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/2024-03-12_17-07-42.png)
Пустое пространство в мобильной версии
Номер телефона перед футером был некликабельным:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/2024-03-12_17-13-19.png)
Не кликабельный номер телефона
Кроме этого было еще несколько мелких правок, исправление которых в конечном итоге повлияло бы на юзабилити сайта.
Справочная информация:
— Header (шапка сайта) — это верхняя часть веб-страницы, которая облегчает навигацию и является первым элементом, привлекающим внимание пользователя.
— Footer (подвал сайта) — это нижняя часть веб-страницы, служащая для логического завершения, улучшения навигации и размещения ссылок на дополнительные страницы.
— Юзабилити — это показатель того, насколько легко и удобно пользователю взаимодействовать с интерфейсом сайта.
Решение проблем
После приемки и анализа задач было принято решение обновить шаблон сайта, который не обновлялся с 2018 года. Мы предположили, что обновление шаблона автоматически решило бы часть проблем с версткой и время на решение задач можно было сократить.![](https://www.hardkod.ru/wp-content/uploads/2024/07/screenshot-2024-04-22_23-58-27.png)
Административный раздел 1С Битрикс
Кроме того, своевременное обновление ядра сайта, шаблонов и обновление версии php является отличной профилактикой вирусов.
Справочная информация:
— Шаблон сайта на 1С-Битрикс — это заранее подготовленный макет для заполнения фотографиями, контентом и другими элементами.
— Ядро сайта Bitrix — это системная часть, которая обеспечивает работу пользовательской части.
— PHP — это скриптовый язык программирования, используемый при разработке сайтов. С его помощью можно отправлять формы, работать с базами данных, использовать сессии, cookies и многое другое. Возможности использования языка в проекте зависят от версии PHP, установленной на сайте или сервере.
Этапы обновления шаблона
- Для того, чтобы обновить шаблон, было необходимо докупить лицензию. Мы является официальными партнерами Битрикс и клиенту было удобнее продлить лицензию через нас. Таким образом, ему нужно было оплатить счет на сумму продления, а активацию ключа мы выполняем самостоятельно.
- После активации лицензии мы создали свежий бэкап сайта и развернули его на хостинге. Тестовый сайт позволяет провести все работы безопасно.
Справочная информация:
Бэкап сайта — это резервная копия всех файлов сайта (контента и базы данных).
Мы обновили шаблон на тестовой версии сайта, но столкнулись с проблемой кодировки. Вопрос решили с технической поддержкой битрикса и сменили кодировку сайта на наиболее распространенную UTF-8. Ранее кодировка была WINDOWS-1251. Выбор кодировки — индивидуальное решение для каждого сайта, но UTF-8 используют намного чаще — ее поддерживают все популярные браузеры и распознают поисковики, а еще ее удобнее использовать для сайтов на разных языках. Конкретно в нашей ситуации смена кодировки была критичной для обновления шаблона.
- После смены кодировки мы обновили шаблон и начали исправление ошибок в работе сайта. Первоначально разработчик, следуя регламенту, проверяет:
- работу форм обратной связи;
- загрузку всех страниц;
- внешний вид блоков, кнопок, всплывающих окон;
- наличие и работоспособность необходимых модулей, плагинов, интеграций;
- корректность кода;
- корректный адаптив на различных устройствах и браузерах.
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718775355799-1.jpg)
Тестовая версия страницы
Нужное отображение блока:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718775362385-2.jpg)
Страница на боевом сайте
Часто после обновления шаблона битрикса на сайте могут появиться лишние страницы, которые входят в шаблон, как здесь:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718775750644-5.png)
Футер сайта
Частая проблема — формы обратной связи, их внешний вид тоже может отличаться. Внешний вид на тестовом сайте:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718776236541-12.png)
Форма на тестовой странице
Верный вид формы:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718776241825-13.png)
Форма на основной сайте
Отображение меню также поправили, отображение меню на тестовом сайте:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718776653968-20.png)
Тестовая версия меню
Нужное отображение меню:
![](https://www.hardkod.ru/wp-content/uploads/2024/07/Clipboard1718776667803-21.jpg)
Меню на основном сайте
После того, как сайт проверили программист и менеджер к проверке подключается ответственный по сайту со стороны клиента. Он финально проверяет функционал и внешний вид, тестирует сайт на своих устройствах. Если сайт крупный, то его могут проверять сразу несколько уполномоченных сотрудников. В данном случае сайт был небольшой, поэтому корректную работу тестового сайта проверяла наша команда, а клиент подключился на финальном этапе — после обновления боевого сайта.
- После обновления боевого сайта и исправления всех ошибок на нем мы обращаемся к первоначальным задачам. Несколько из них решились после обновления, а оставшиеся мы поправили вручную.