Хранителни добавки
Началната страница беше един файл от 982 реда. Разбихме я на девет секции.
Рефакторинг на жива тема, без сайтът да спира и без да се промени един пиксел за посетителя.
Обхват
Какво влезе в работата
Заварената картина
AuraSupps продава три добавки — инстантен чай, формула за спокойствие и желирани форми за сън. Магазинът вече беше силно преправена тема Dawn и вървеше на живо.
Работата не беше редизайн. Беше поддръжка, която не може да се върши.
Какво беше счупено
Цялата начална страница живееше в един файл от 982 реда. Това значи, че собственикът не може да размени два блока, да изключи един или да смени снимка, без да пипне код. За магазин, който сменя оферти всяка седмица, това е спирачка.
Второ, всяка продуктова страница обещаваше 2+1 и 3+2, но автоматичните отстъпки бяха настроени по продукт и една двойка липсваше. Страницата казваше една цена, количката смяташе друга. Отделно цените на началната бяха изписани като текст и бяха изостанали от реалните.
Подходът
Как го направихме
Монолитът беше разбит на девет секции, които се редят и изключват поотделно. Външният вид остана байт по байт същият — целта беше управляемост, не нов дизайн.
- Едно зърнесто покритие върху целия сайт се рендира само веднъж, вместо девет пъти
- Скриптът е направен да може да се стартира повторно, защото редакторът презарежда по една секция
- Четирите продуктови страници карат на един набор секции, а не на четири копия
- Палитрата на всяка продуктова страница се сменя с един клас върху страницата — нула цветови настройки, разпръснати по секциите
- Автоматичните отстъпки бяха одитирани и липсващата двойка създадена
- Правилата за наслагване бяха настроени: безплатната доставка се комбинира с комплект, но не с 2+1
Старата монолитна секция е оставена на темата. Ако нещо се обърка, връщането е един клик, а не възстановяване от архив.
Резултат
Какво се промени
Следваща стъпка
Стани следващият проект.
Разкажи ни какво продаваш и какво те спъва. Връщаме ти писмен план.