Новое оформление avion73
Сказ о том, как мы редизайнили сайт на битриксе.
Брифинг
- Провести аудит
- Сделать редизайн
- Сверстать макеты
- Интегрировать в сайт с cms bitrix
Аудит
Началось все с аудита сайта, т.к. имелись подозрения на наличие заражения сайта (местами ехала верстка и выводились ошибки php). После беглого осмотра файловой структуры, были обнаружены результаты взлома.
Немного покопавшись в зараженных файлах, я обнаружил пресловутый php шелл. Странным мне показалось, что скрипт был просто преобразован в base64 строку, без малейшей минификации или обфускации кода, что сыграло мне на руку в исследовании возможностей скрипта.
В результате исследований, я обнаружил способы управления, и даже написал небольшой эксплоит для проведения атак.
К сожалению, поиск уязвимости, не интересовал моего клиента, поэтому клиент обратился в фирму, создавшую сайт, и забрал у них эталонную версию, над которой мы и работали далее.
Редизайн
Новый дизайн предполагал разработку нескольких новых виджетов (компонентов) и сущностей (инфоблоков) для сайта.
Не густо, не правда-ли?
А теперь взгляните на наш дизайн макет:
Верстка
Верстка нового макета выполнялась с применением sass, nunjucks и gulp. В принципе, тут больше особо нечего добавить, ибо никаких особо навороченных или интересных в реализации вещей макет не предусматривал.
Интеграция
Новый макет подразумевал добавление новых сущностей, таких как например, акция месяца или новости. (на старом сайте новости - это просто товары отсортированные по дате добавления)
Сказано - сделано
Благо в битриксе для этого не требуются сверхъестественных телодвижений, пожалуй, единственный плюс этой cms.
Для реализации некоторых требований клиента, потребовалось также создать несколько кастомных компонентов, например блок новых/популярных товаров, или многоуровневое дерево категорий товаров.
При реализации этих компонентов я постоянно испытывал боль от использования API Bitrix, чтения форумов «битрикс-программистов» и вкуривания мегадокументации по продукту.
В процессе разработки, клиент много раз менял требования, в результате чего проект затянулся на долгие 3 месяца, а шаблон в итоге претерпел некоторые изменения.
Результат
В результате клиентосы получили обновление дизайна сайта, и как дополнительный бонус, несколько оптимизаций сайта. А мы, соответственно, получили наши денежки.