Верстка и натяжка дизайна на cs-cart

HTML и CSS верстка, Интернет-магазины и электронная коммерция — неверно указаны категории?

Здравствуйте.

У нас есть дизайн сайта в фирме, который нужно сверстать и сделать натяжку на CS-Cart

Скрины дизайна во вложении.

Дизайн нарисован в фигме, все иконки свг.

Дополнительный функционал сайта

**Авторизация**

1. При оформлении заказа в случае когда пользователь первый раз оформляет заказ, у него есть выбор или авторизивароваться или войти как оформить заказ как новый покупатель

1.2 Если клиент уже зарегистрирован, то он может при оформлении заказа ввести данные для входа, нажать кнопку войти и данные по доставке подтянутся автоматически

**Выдача товаров в каталоге**

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

Например:

> *У нас есть 10 товаров 4 из них продаются хорошо они в топе продаж, присваиваем им категорию "А". Еще 3 товара которые продаются нормально, им категорию "Б" и еще 3 товара которые плохо продаются, им категорию "С" (все эти категории мы присваиваем сами в нашей СРМ, потом этот параметр импортируется в товар)*

Нам нужно чтоб в каталоге выводилось например 16 товаров из которых 8 товаров будет из категории А а остальные 8 из категории С.

Обновление #1 от 29 апреля 2021

Скриншоты дизайна