October 12

Правки

  1. Кнопка "Применить" в фильтре
    а) Текст на кнопке "Применить фильтр" меняем на
    "Показать 3 256 товаров" если получится автоматически менять окончание а/ов и т.д, если нет то просто "Показать товаров: 3 256". При нажатии на чек, эта кнопка должна становиться не активной (как в всплывающей подсказке). И лоадер. Главное что бы текст в кнопке не прыгал к центру при нажатии.
    Если фильтры не выбраны, то кнопка все равно должна показывать количество товаров и быть активной.

2. Модальное окно.
а) На кнопке пишем "Показать 3 256 товар/а/ов". При нажатии на чеки блокируется (как в 1 пункте), или можно "Показать товаров: 3 256" и лоадер на числе
б) Ширина левой навигации 265px (для того что бы влезла кнопка)
в) Цвет вертикальной разделительной полосы для темной темы - #535353
г) Активное меню навигации (слева) - для темной и светлой темы цвет - оранжевый, при наведении тоже - оранжевый
д) При прокрутке фильтров, можно ли что бы меню слева меняла активные позиции.
е) Можно ли добавить стилизованный (оранжевый) скроллбар в модальном окне.

Аналогично для моильной версии.

3. Главная страница. Популярные категории
а) Изменил картинки на более удобные для добавления и дизайна. По факту это просто изображение товара. Можно ли новые, уже добавленные изображения привести примерно к такому виду, с отступами от краев 20px

Для темной темы: drop-shadow(0px 0px 0.5px #f2f2f2);

Пример для темной темы, для ПК чуть другие значения

4. Главная страница. Бренды.
а) На светлой теме, фон должен быть белым.
б) Заголовки 3 баннеров
- цвет текста светлой темы - #535353 (Как у кнопки Каталог) для темной темы - #f2f2f2
- Фон темной темы: #272729
- width (картинки): 90%

Три баннера. Давайте изображения сделаем с прозрачным фоном и для темной темы: drop-shadow(0px 0px 0.5px #f2f2f2);, нужные фото уже добавил.

Для телефона, изображения на баннерах: max-width: 105px;
Тень картинки для темной темы: drop-shadow(0px 0px 0.5px #f2f2f2);

5. Главная страница. Карусель(и вообще на всех карусель подобного плана). Давайте уберем дотсы, а то периодически из-за чего-то они подлагивают.

6.Каталог для ПК
Давайте уберем левую навигацию.
Ширину блоков сделаем 20% (5шт на линии)
drop-shadow(0px 0px 0.5px #f2f2f2); для темной темы
Текст: font-weight: 500; (Для всех категорий и подкатегорий)

.category-el__img{
width: 140px;
background-color убираем

После
После, картинка с прозрачным фоном

Получится сделать дочернюю страницу, как в мобильной версии (в том плане, что при переходе из каталога попадаем на страницу, где сверху подкатегории, а снизу товары).

.mob-parent-cat-links__link img
Для мобильной версии "Каталог" давайте изображение поднимем снизу: Фото: bottom: 0px; right: -5px;
Текст: font-weight: 500; (Для всех категорий и подкатегорий)

7.Хлебные крошки
а) Давайте сделаем размер текста хлебных крошек 13px
б) Последняя ссылка должна быть черного цвета, на светлой теме.
в) Вместо "Главная страница" пишем "Главная"

8.Кнопка "Показать еще"
Можно сделать так, что бы при нажатии на кнопку "Показать еще", автоматом менялся номер страницы

9.Можно ли на "Странице товара", расположение карточек сделать не привязанной от "Каталога".
1. Каталог свая привязка отображения
2. Страница товара своя привязка (Аналоги и Аксессуары синхронизируются)

10. Страница товара
а) На странице товара высота этого блока должна быть 54px, а то сейчас прыгает после нажатия на кнопку "В корзину"
б) Давайте уберем кнопку "Быстрый заказ"

11.На странице "Сравнение" перетасовываются товары

12.Пусть в навбаре, по умолчанию будет город Рыбинск. Без автоматического автоопределения по ip. (Модуль ip можно отключить, в Рыбинске он работает в 5% случаев).

13.Карточка товара. Сейчас, если у товара 3 изображения, дотсы начинаются с последней.

14.Проскакивает футер в Каталоге