Добрый день, мне нужны некоторые исправления в верстке. Так как первый верстальщик принял заказ и продержался месяц, так и не сделав его, то теперь мне нужен человек, который сможет быстро внести эти несколько правок, необходимых для того, чтобы back-end команда смогла закончить проект.
Хочу сказать с самого начала требования от back-end команды:
- "Только следуйте нашим рекомендациям, чтобы макет не пострадал. В противном случае нам необходимо будет его переделать."
- "Изменять можете CSS и JS, который в отдельном файле. Чтобы мы перезагрузили на исправленный, не меняя ничего в верстке."
- "Только пускай нам потом скажут, какие стили css заменить и какие div class появились. Так как в нынешних файлах мы уже начали выводить контент. И если перезагрузить, то собьется."
--------------------------------
Прежде чем перечислять необходимые пункты, вот ссылки на страницы. Для проверки с вашей стороны.
https://playnchilltesting.000webhostapp.com/ - Главная
https://playnchilltesting.000webhostapp.com/squad.html - Стр. товара
https://playnchilltesting.000webhostapp.com/basket.html - Стр. корзины
https://playnchilltesting.000webhostapp.com/search.html - Каталог
https://playnchilltesting.000webhostapp.com/draws.html - Раздачи
https://playnchilltesting.000webhostapp.com/buying.html - Площадка уникальных товаров
https://playnchilltesting.000webhostapp.com/support.html - Поддержка и FAQ
https://playnchilltesting.000webhostapp.com/advantages.html - Преимущества
https://playnchilltesting.000webhostapp.com/piracy.html - Страница статьи блога
https://playnchilltesting.000webhostapp.com/recalls.html - Отзывы
--------Нужные правки------------
*Смотрите пожалуйста скришноты и видео из пунктов чтобы лучше понимать*
1. По скриншотам, в карточке товара скриншоты и трейлер при нажатии не открываются (https://playnchilltesting.000webhostapp.com/squad.html). Сообщение бэк-енд команды - https://prnt.sc/NAbnyw1_GUgo
2. Сделать фиксированные ширину и высоту картинку на главной и в целом по сайту, чтобы в случае добавления разрешения больше, чем нужно, блоки не съезжали. - https://prnt.sc/vQx6YerdyKCo , https://prnt.sc/pTOWyJnRFd3f , https://prnt.sc/inxv0-BKorEk .
3. Блок Игры с страницы /buying, нету на моб. версии, нужно добавить его, - https://prnt.sc/l9AOe1uOhgK7
4. Нужно что-то придумать для шапки чтобы стало более компактной для ПК, может быть при скролле чтобы уменьшилась, и целое в самом верху.
5. Для стр. товара (/squad.html) идея чтобы картинка товара при переходе на моб версии осталось та же (в видео видно что она меняется - https://bit.ly/3PhQ0Aj ). И для нее фон градиент создалось с помощь js скрипта который берет доминирущй цвет с самой картинки (пример - https://prnt.sc/apMa0onMonff или gabestore.ru).
6. Так как элементы довольно большые на сайта, хочется уменьшить весь контент сайта, получить такой эфект как и при уменьшение с помощью браузера Chrome. А слайды слева и справа должны оставаться рядом с тем, что в центре, как сейчас.
Вот видео пример - https://bit.ly/3PeOwqw .
7. Для страницы каталога (/search.html) уменьшить карточки товара и сделать чтобы было 4 в один ряд. На данном моменте их 3. - https://prnt.sc/M4fBVeQcnItN
8. Нужно анимации при клике на кнопок *добавить в корзину* и *в избранных*.
9. Это доп. пункт если это возможно/стоит сделать. На странице товара /squad.html , шапка прозрачная и при скролле наполняется цветом. Если можно, сделать чтобы этот эффект коректно работал и на остальные страниц.
-------------------------------
Это все, спасибо за ваше время.
