Добрый день!
1) верстаете макет в html css js, как и всегда
2) Далее создаете тему (см. ниже).
Вот, небольшая памятка по созданию темы -
https://yadi.sk/d/5ARTiBzq3QX5Wu
А лучше изучайте кодекс ВП на оф. сайте или на сайте wp-kama.ru
3) чтобы создать шаблоны необходимые для вукомерца, установите плагин, скопируйте из него содержимое папки templates, создайте папку woocommerce в теме и залейте их туда. А далее можете их модифицировать, как вам нравится. Некоторые правки можно внести при помощи хуков вукомерца, которые нужно добавить в functions.php вашей темы.
