Адаптировать верстку на woocommerce

Необходимо натянуть верстку интернет-магазина http://o93735u0.beget.tech/food_delivery/# на cms wordpress с использованием плагина woocommerce.

Рекомендованные дополнительные плагины:

• cpt ui
• advanced custom fields pro (приложу архив)

Важные моменты:

• Раздел верхних баннеров.

  Возможность добавлять, редактировать, удалять баннеры.

  Поля баннера: изображение, ссылка произвольная

• Блок: Рекомендуем.

Стандартный функционал woocommerce популярных товаров.

• Листинг товаров, разбитый по категориям-подкатегориям.

Фоны у товаров красятся из-за признаков:

• обычный - ​​класс yellow
• острый - класс red
• вегетарианский - класс green

Товары выводить сгруппированными по подкатегориям (как в примере верстке: роллы)

• Нижняя полоска: Роллы в подарок

  Сделать признак у товара чекбоксом: идет в подарок.

  И при добавлении в корзину товаров на сумму определенную сумму (которую можно менять в настройках) - добавляется этот подарочный товар с ценой = 0. Пример: мы добавили товаров на сумму 1400 руб. И в корзину добавился подарочный ролл. Мы еще добавили товаров на сумму 1700 руб, то на второй ступени добавляется в корзину более ценный подарок, может небольшой сет или ролл повкуснее, такой смысл

• Попап товара

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

Также надо предусмотреть вариативные товары, чтобы например у пиццы можно было указать два размера, от которых зависела бы цена и фото товара.

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

• Функционал корзины

Корзина включает в себя 2 шага и открывается в попапе.

Первый шаг: отображает добавленные в корзину товары.

Второй шаг: отображает информацию о доставке и форму с контактными данными пользователя. Просьба обратить внимание на то, что именно номер телефона является идентификационным полем пользователя. Авторизация происходит именно по нему. При вводе телефона нужно отправлять смс, подтверждающее, что пользователь действительно имеет доступ к введенному номеру телефона. Для этой задачи можно использовать готовый плагин, оформив его в соответствии с макетом.

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

При выборе типа доставки: самовывоз, в заказ добавлять точку самовывоза, ФИО и номер телефона (в верстке это упущено).

Общие требования:

- чистый структурированный код. Не нужно все доработки складывать в functions.php

- максимально использовать стандартный функционал woocommerce, а не писать "код с нуля" там, где есть возможность обойтись стандартными средствами cms

- согласовывать со мной все "спорные" моменты написания кода