Кирилл

Да, любой из топа гугла

Из бесплатных https://www.httrack.com/

Решать проблему со стороны вёрстки не стоит - не нужно заставлять пользователя грузить картинки по 8000 пикселей для маленьких миниатюр.

Может вам подойдет сервис по типу https://www.invisionapp.com/ ?
Можно писать комментарии к макету и обсуждать все это дело.
Ну и вот обсуждение в тему Сервис коллективного обсуждения (линчевания) изображений

Сайт, который вы приводите в пример работает на https://www.webasyst.ru/
То есть на webasyst точно можно реализовать нужное вам меню.
Но советую подумать, стоит ли ради этого переезжать на другой движок.
Неужели в woocommerce ничего нельзя придумать? Вы пробовали обращаться за консультациями к специалистам по woocommerce?
Если вам один человек сказал, что такое нельзя реализовать на woocommerce, попробуйте проконсультироваться с другими специалистами, может они другого мнения.
Это выйдет точно дешевле, чем перевозить магазин на новый движок ради меню.

Без кода сложно сказать. Но если ссылки не нажимаются, то скорее всего дело в z-index. Попробуйте именно для пунктов меню добавить transform: translate3d(0,0,1px);

Сразу обговаривайте с заказчиком про кроссбраузерность. Последние две версии всех браузеров вполне норм будет. Ну и про ИЕ отдельно решайте.
А вообще если вы верстаете не супер-сложные интерфейсы, а обычные корпоративные сайты/визитки/лендинги, то не должно быть косяков даже в старых FF и хромах. Если они есть, значит у вас с версткой не лады.

Если именно для правок, то советую вот это livestyle.io - Emmet LiveStyle.

open-server.ru - самый удобный под винду.

jade-lang.com
Каждый блок - отдельный файл.
Допустим, файл header.jade - один для всех страниц, поменяв в тем текст на необходимый - он поменяется во всех страницах.
P.S. - Увидел, что в существующем коде замены нужно проводить. Тогда да, поиск с заменой.

Я пользуюсь примерно таким алгоритмом в подобных вопросах:
1. Смотрю в спецификации.
2. Если в спецификации не нахожу ответа, то смотрю как этот момент реализован в популярных фреймворках - bootstrap, foundation.
Для меня авторы этих фрейморков являются авторитетами, чьему мнению я доверяю.

Файлов на сервере нет - ya-uchu.ru/new/img/portfolio/008.jpg

1. Спрайты только для background можно использовать.
2. В макете у вас картинки не в векторе случаем? Тогда можете без проблем сохранить и использовать svg (статья в помощь)

Опции -> Определение стилей... -> Список "Выбрать стиль:" выбираете Monokai -> "OK"