Доведення сайту до робочого стану перед подальшим запуском Google Ads

Довести сайт до робочого стану перед подальшим запуском Google Ads: закрити першочергові технічні та візуальні проблеми в категоріях, іконках, burger-menu, staging/dev, mobile search, кошику, фільтрах і базовому сортуванні.

Задача етапу:
Після виконання етапу сайт має виглядати і працювати достатньо стабільно, щоб користувач міг зайти з реклами, знайти товар, скористатися меню/пошуком/фільтрами, додати товар у кошик і перейти до оформлення замовлення без очевидних технічних або візуальних проблем.

У межах етапу потрібно:

— приховати нові категорії, які були створені для семантичного ядра, але поки не мають відображатись як активні комерційні розділи;
— зберегти прямі URL нових категорій;
— не видаляти нові категорії;
— залишити SEO URL нових категорій;
— активувати основні категорії

- перевірити, щоб категорії відкривались без 404;
— перевірити коректне відображення категорій на ПК;
— перевірити коректне відображення категорій на мобільній версії;
— перевірити, щоб структура меню після змін не зламалась;
— перевірити, щоб приховані нові категорії не заважали основній структурі сайту.

-встановити або виправити відповідні іконки на категорії

— доопрацювати мобільне burger-menu

 Staging / dev

У межах етапу потрібно:

— перевірити staging/dev-субдомен;
— критично закрити або вимкнути staging/dev-середовище, щоб воно не заважало основному сайту;
— якщо staging/dev можна безпечно вимкнути — вимкнути;
— якщо повне вимкнення ризикове — виконати мінімальне безпечне закриття від індексації;
— перевірити, щоб staging/dev не працював як активна публічна копія для Google;
— зафіксувати, якщо для повного правильного закриття staging/dev потрібен окремий SEO/серверний етап.

 Mobile search

У межах етапу потрібно:

— активувати або виправити пошук на мобільній версії;

— перевірити кнопку пошуку на мобільній версії;

— перевірити поле введення;

— перевірити відкриття пошуку;

— перевірити закриття пошуку;

— перевірити пошук по існуючому товару;

— перевірити поведінку при порожньому або неіснуючому запиті;

— виправити проблему, якщо вона пов’язана з шаблоном, CSS, JS або поведінкою mobile header;

— перевірити результат на мобільній версії.

У межах етапу входить повна доробка кошика до кінця, щоб він нормально працював на сайті перед запуском Google Ads.

Кошик потрібно довести до робочого та стабільного стану на ПК і мобільній версії.

— перевірити mini-cart / спливаючий кошик;
— перевірити сторінку кошика;
— перевірити відкриття кошика;
— перевірити закриття кошика;
— виправити зміщення кошика;
— виправити проблему з хрестиком / кнопкою закриття;
— перевірити overlay / затемнення / модальне вікно, якщо воно використовується;
— перевірити z-index, щоб кошик не ховався під іншими блоками;
— перевірити відступи, висоту, ширину, позиціювання;
— перевірити кошик на ПК;
— перевірити кошик на мобільній версії;
— перевірити додавання товару в кошик;
— перевірити видалення товару з кошика;
— перевірити зміну кількості товару, якщо така функція є в поточному кошику;
— перевірити оновлення суми;
— перевірити відображення ціни;
— перевірити відображення назви товару;
— перевірити відображення фото товару, якщо воно є в кошику;
— перевірити основні кнопки в кошику;
— перевірити клікабельність усіх основних елементів;
— перевірити видимість усіх основних елементів;
— виправити проблеми CSS;
— виправити проблеми Twig-шаблонів;
— виправити JS-поведінку, якщо проблема пов’язана з відкриттям, закриттям, відображенням або взаємодією з кошиком;
— перевірити mini-cart після додавання товару;
— перевірити сторінку кошика після додавання товару;
— перевірити перехід із кошика до оформлення замовлення;
— перевірити, щоб після правок кошик не ламав ПК-версію;
— перевірити, щоб після правок кошик не ламав мобільну версію;
— перевірити, щоб кошик не перекривав меню, нижню мобільну панель, пошук або інші важливі елементи;
— перевірити, щоб користувач міг нормально закрити кошик і продовжити перегляд сайту;
— перевірити, щоб користувач міг нормально перейти з кошика до оформлення замовлення

У межах цього етапу по кошику входить:
— правка Twig-шаблонів;
— правка CSS;
— правка JS-поведінки;
— правка кнопок;
— правка відступів;
— правка позиціювання;
— правка z-index;
— правка overlay / modal behavior;
— правка мобільного вигляду;
— правка ПК-вигляду;
— правка mini-cart;
— правка сторінки кошика;
— перевірка базового переходу до оформлення замовлення.

Фільтри по раніше погоджених пунктах

У межах етапу входить закриття фільтрів по тих пунктах, які були погоджені раніше.

— перевірити фільтри на основних категоріях;
— прибрати погоджені зайві фільтри;
— виправити очевидно некоректні значення;
— виправити злипання тексту;
— перевірити відображення фільтрів на ПК;
— перевірити відображення фільтрів на мобільній версії;
— перевірити, щоб після правок фільтри не зламали категорії.

Впровадження логіки коректного сортування