Сверстать и натянуть на WordPress child тему Storefront

Сверстать с примера (другая WordPress тема перегруженная ненужностями) и натянуть на Storefront как child-theme, сделать её легкой и семантически граммотной (<section>, <article> и т.д.). Минимум яваскрипта, только по острой необходимости, и только pure javascript. Никаких page-builders и прочих конструкторов. Bootsrap допустим только на самых минималках, например только сетка. Пишите свой код, не надо копипастить чужой. Валидатор https://validator.w3.org/ без ошибок. Никаких плагинов ни для чего - исполняйте HTML кодом, это всё будет обёрнуто далее в соответсвующий функционал самим заказчиком. Мобильная адаптивность must have. Не нужно увлекаться функциями PHP, а лучше вообще их не использовать. Например файл header.php - в нём вся верстка касающаяся хедера - не нужно бегать по файлам и искать чтобы что либо, чтоб подправить там, в footer.php всё что касается футера и так далее. 

Базовый дизайн, расценивайте это как figma: http://junko.mallthemes.com/shop/?layout=sidebar&sidebar=left - сделать как есть, но с некоторыми измененями:

     * дизайн товарных блоки https://share.stackovergo.com/image/i20220401174736.png на товарные блоки отсюда http://gluson.mallthemes.com/shop/?layout=sidebar&sidebar=left (кнопки https://share.stackovergo.com/image/i20220401190922.png без екшена, просто HTML) НО оставить hover effect как есть https://share.stackovergo.com/image/i20220401175102.png

     * В текстовом поиске в хедедере должна быть лёгкая возможность исключения селекта категорий https://share.stackovergo.com/image/i20220401175236.png - то есть если убрать селект то всё также красиво. Если есть селект использовать CSS оператор ~ OR + (siblings)

     * В главное меню для ссылок добавить что то что подсказывало бы наличие выпадающего сабменю https://share.stackovergo.com/image/i20220401181858.png - сделать иконочным шрифтом и чтобы было легко менять (на лету програмно) вёрсткой, то есть пусть иконка будет тегом <i> или <span>

     * Обратите внимание что главное меню при скроллинге фиксировано, то есть сделать 1 в 1 как в базовом шаблоне

     * В мобильное меню включить эффект из https://ninetheme.com/themes/agrikon/shop/ поворот dropdown toggler https://share.stackovergo.com/image/i20220401180114.png

     * В мобильное меню кнопка должна быть покрасивее и заметнее, вот так например https://share.stackovergo.com/image/i20220401180306.png

     * В мобильном меню для пунктов должна быть возможность цеплять иконочным шрифтом иконки тегом <i>, пример: https://share.stackovergo.com/image/i20220401183116.png . Мобильное меню можно вообще вынести в файл functions.php чтобы напрямую менять содержимое верстки. 

     * Стиль пагинации такой https://share.stackovergo.com/image/i20220401180641.png вместо https://share.stackovergo.com/image/i20220401180706.png , пример тут http://gluson.mallthemes.com/shop/?layout=sidebar&sidebar=left

     * Одна из ссылок выпадающего меню должна показывать такой блок https://share.stackovergo.com/image/i20220401182517.png  - обратите внимание на цветные маркеры - нужны такие же, вставка HTML кодом тегом, не CSS. Не нужно применять специальные плагины, пусть предоставляеться возможность редактирования содержимого блока в файле functions.php как HTML кода (use hook), и возможность добавлять images или кнопки https://share.stackovergo.com/image/i20220401181539.png или вообще расположить также блоки баннеров как тут например https://share.stackovergo.com/image/i20220401184635.png . Блок не должен появлятся резко, а плавно, в принципе как в базовой теме. Также иконочным шрифтом (на ваш выбор, но должен быть выразителен и современен) добавлены иконки для каждого пункта меню через тег <i>, то есть не все будут иметь иконки и это должно легко меняться HTML кодом, пример лаяута того что имеется в виду: https://share.stackovergo.com/image/i20220401182106.png

Список страниц которые обязательно должны присутствовать в темке:

- http://junko.mallthemes.com/shop/?layout=sidebar&sidebar=right - главная страница

- http://junko.mallthemes.com/shop/?layout=sidebar&sidebar=left - то есть колонки должны легко перекидываться, возможно классом

- http://junko.mallthemes.com/shop/?layout=fullwidth

- http://junko.mallthemes.com/shop/?view=list-view

- http://junko.mallthemes.com/product-category/computer-networking/networking/ - страница категории така же как и страница магазина, но 

- http://junko.mallthemes.com/my-account/

- http://junko.mallthemes.com/cart/

- http://junko.mallthemes.com/checkout/

- http://junko.mallthemes.com/product/ornare-sed-consequat-nisl-eget-mi-porttitor/ - single product, кнопки на скрине https://share.stackovergo.com/image/i20220401190256.png простой HTML код

- http://junko.mallthemes.com/blog/?layout=sidebar&sidebar=left

- http://junko.mallthemes.com/blog/?layout=sidebar&sidebar=right

- http://junko.mallthemes.com/blog-image-post/

- http://junko.mallthemes.com/frequently-questions/

- http://junko.mallthemes.com/privacy-policy/

- http://junko.mallthemes.com/error404 - кнопка классом

- http://junko.mallthemes.com/about-us/

- http://junko.mallthemes.com/contact/ - без карты местности

В конце исполнения задания должен быть представлен такой шаблонный сайт как предоставленный дизайн: http://junko.mallthemes.com/shop/ - используйте свой сервер. Здача работы осуществляеться путём предоставления слепка сайта этим плагином https://wordpress.org/plugins/duplicator/

Максимальный срок: 14 дней

p.s. Вопрос: почему бы просто не купить темку. Ответ: мне нужен её дизайн, а сама тема не нужна как есть.