Создание раздела доставки еды

Необходима верстка и создание станиц доставки еды.  Адаптивный дизайн страниц в 3х размерах есть.

Доставrа еды для сайта svkus.com состоит из нескольких целевых страниц разделенных по направлениям (категории - суши, пицца, ресторанное меню, здоровое питание) и нескольких вспомогательных страниц типа «доставка» и «акции»

Основной сайт написан на WordPress. Раздел доставки писать на WordPress не обязательно, но необходимо будет в дальнейшем связать обе части сайта перелинковками и правильно заполнить robots.txt главной части сайта и внести туда карту сайта нового раздела, для того чтоб поисковики понимали, что это один сайт.

Раздел доставки

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

Каждое направление это страница со своим URLом на которой будет располагаться относящаяся к этому разделу продукция группами, поочередно от каждого ресторана (Схематично ниже)

Слева будут располагаться управление переключениями между разделами ресторанов вертикально по странице с категорией.

Для наглядного понимания структуры страниц схема ниже.

<!--[if !vml]--><!--[endif]--> 

Слева и сверху элементы управления.

Вертикальные столбцы – посадочные страницы с категориями. Цветами обозначены предполагаемое присутствия продуктов от конкретных ресторанов.

Синим, обозначен возможный выбор пользователя и как следствие отображаемая ему на экране часть страницы.

Сама страница при этом будет отображаться так

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

• Выбор товаров (продуктов), корзина.
• Доставка осуществляется отдельно из каждого ресторана и оплачивается соответственно отдельно, в связи с этим необходимо разграничение корзин и заказов из разных ресторанов.
• Предварительно, не положив не единого товара в корзину, пользователь может спокойно перемещаться по всем станицам доставки и выбрать первым любой продукт и положить его в корзину. После выбора первого продукта система автоматически определяет ресторан, в котором сделан выбор, корзина подсвечивается логотипом (и цветом) соответствующего ресторана, а иконки других ресторанов становятся блеклыми и неактивными. При этом пользователю остаются доступны продукты из других разделов где есть продукты данного ресторана.
• На пример пользователь выбрал пиццу в ресторане Монтана, схематично будет выглядеть так:
• Зеленым цветом обозначены разделы доступные для дальнейшего выбора продуктов пользователем.
• Возврат из этого состояния и доступ к продуктам других ресторанов происходит либо после очистки корзины, либо после оформления заказа.
• Возможность перехода на неактивный экран в таком случае запрещен, а при попытке пользователя кликнуть на неактивные иконки ресторанов ему должно высвечиваться уведомление о том, что заказ оформляется из каждого ресторана в отдельности. То же будет прописано в разделе «доставка»
• При выборе «Здорового питания» неактивными становятся все другие страницы и разделы рестораны тоже становятся неактивными(сам по себе с доставкой на следующий день). Так же у Здорового питания  отличается карточка товара, так как несет в себе ЖБУ и калорийность

Более детальное ТЗ по корзине, карточке товаров и т.д. в прикрепленном файле