Количество шаблонов 20 + отрисовки различных состояний и pop-up
Макеты представлены здесь
www.figma.com/file/DqMDln... Нужно выполнить верстку в стиле MobileFirst, то есть сначала верстается мобильная версия, потом через media query дополняются правилами для планшета, потом правилами для ноутбука, и потом для десктопа. В соответствии с макетом.
Это принципиальное условие.
Аналогично выбираются (по наличию поддержки адаптивности) и подключаются JS плагины.
Верстка собирается сразу с учетом всех условию применения на WP+Woocommerce (если в качестве фреймворка берете Bootstrap то помните о конфликте имен в стилях woocommerce)
Сразу устанавливаем следующие плагины на WP: Woocommerce, Yoast SEO, Clearify, Premmerce SEO forWooCommerce, PremmerceWooCommerce Product Filter, ACF, 1C Exchange, woo permalink manager, acf (для дополнительных полей) с необходимыми расширениями (flexible content, repeater). acf pro не предлагать.
Учитываем при верстке генерируемый плагинами html элементов.
Соблюдаются типовые требования Google Pagespeed (место и порядок подключения css и js файлов в макеты, минимизация глубины вложенности html элементов)
Верстка нужна семантическая. Применение h1-h3, p, ul, ol, nav, header, footer и прочих соответствующих элементов.
Не использовать JS для клонирования либо перемещения в DOM узлов документа.
Мобильное меню реализуем по возможности без использования JS (если нужно приведем примеры на checkbox ~ nav + label). В целом JS только при крайней необходимости.