Добрый день.
Вот такой макет
Вот такая верстка (стрелочкой вправо просмотр)
Нужно подготовить верстку
https://www.figma.com/proto/vlbt4opFQmjbZ32vygZ2vl...
Страницы:
https://www.figma.com/proto/vlbt4opFQmjbZ32vygZ2vl... - главная
https://www.figma.com/proto/vlbt4opFQmjbZ32vygZ2vl... - категория
https://www.figma.com/proto/vlbt4opFQmjbZ32vygZ2vl... - карточка товара
https://www.figma.com/proto/vlbt4opFQmjbZ32vygZ2vl... - корзина
https://www.figma.com/proto/vlbt4opFQmjbZ32vygZ2vl... - доставка (так же это типовая страница товара, стили которой должны подгружать остальные информационные страницы)
--------------------
Нужно реализовать это на опенкарт.
Можно сверстать и натянуть верстку. А можно переделать дефолтный шаблон. С учетом того, что у интернет магазина много всяких моментов (всплывающие уведомления, страница личного кабинета и тд ) возможно такой вариант будет даже лучше. Поэтому способ реализации оставляю на ваше усмотрение.