Правки свёрстанных страниц (2 шт.) по макетам из Figma
Есть макет одной страницы (каталог шин): https://www.figma.com/file/Hz3Cy36ckkD3zPzxc4rlsPV0/%D0%BA%D0%B0%D1%82%D0%B0%D0%BB%D0%BE%D0%B3-%D1%88%D0%B8%D0%BD-%D1%82%D1%82%D1%81?node-id=0%3A1
Есть уже свёрстанная страница: https://www.tts.ru/testpage/actions/catalog.php
Правки по этой странице:
1. В safari на планшете криво скролится попап с фильтром: http://prntscr.com/mpe97y имеется ввиду что должен скролиться только попап на fancybox, a body должен оставаться на месте, к слову на андроиде все норм. В смартфоне на safari все норм.
2. В смартфоне на ios когда скролишь вниз страницу сортировка нормально открывается, а когда обратно возвращаешься наверх страницы , то криво: http://prntscr.com/mosb2g
Есть макет второй страницы(карточка шины): https://www.figma.com/file/MFB4kAIST4iNgy6N63GJooRw/%D0%A2%D0%A2%D0%A1-%D0%BA%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0-%D1%88%D0%B8%D0%BD?node-id=10%3A0
И уже сверстанная страница: https://www.tts.ru/testpage/actions/product.php
Правки по этой странице:
1. В сафари на смартфоне не скролятс попапы для добавления отзыва и при нажатии на кнопку "Нашли дешевле": http://prntscr.com/mpebhk , http://prntscr.com/mpebmt
2. На странице есть слайдер: http://prntscr.com/mpebvr В этом слайдере в адаптиве должны подгружаться свои изображения, согласно макета в Figma: https://www.figma.com/file/MFB4kAIST4iNgy6N63GJooRw/%D0%A2%D0%A2%D0%A1-%D0%BA%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B0-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0-%D1%88%D0%B8%D0%BD?node-id=10%3A0
3. Релизовать функционал, когда изображение шины всего одно и основой слайдер и слайдер навигации не нужен, сейчас если слайд один, то он уменьшается в размере и слайдер навигации виден: http://prntscr.com/mpeczx
В JS можно реализовать отключение слайдера если элемент всего один и соответственно стилизовать так чтобы соответствовало как в макете: http://prntscr.com/mpedms