Добрый день! Что бы задача была более понятна, объясню что необходимо сделать более подробно, что бы потом не было вопросов!
Что имеем:
Wordpress с магазином Woocommerce, в магазине есть группа (около 15) категорий и под категорий.
Что необходимо:
1) Вывести на главную страницу шаблона Wordpress общий список категорий с подкатегориями (не товары а именно категорий) из Woocommerce в виде вертикального меню (с стилем под шаблон), так как изображено на картинке.
Пояснение: В шаблоне http://www.portotheme.com/wordpress/porto/shop2/ выводиться меню вручную, то есть это обычный html код, необходимо автоматизировать данное меню, и сделать вывод категорий без ручного добавления html кода.
2) После вывода категорий с подкатегориями в вертикальное стилизованное меню, необходимо сделать сворачивание меню до определенного уровня, так как изображено на рисунке 1, 2. Добавив кнопку "Открыть все категории" и "скрыть". Пример реализации здесь: http://jsbin.com/lulipahupu/2/edit?output. Можно использовать js!
Пояснение: Если посмотрите код http://jsbin.com/lulipahupu/2/edit?output, то здесь видно, что меню разбито на два блока (добавлен class has-child и hidden-items), но если мы выводим вертикальное меню категорий из Woocommerce, то мы не сможем присвоить данный class определенной категории.
3) После того, как сделаете кнопку "скрыть и показать", необходимо, что бы меню показывалась по высоте правого блока - где расположен баннер - слайдер. Так как это изображено на картинке!
Если у вас есть опыт работы с woocommerce и Wordpress - пишите!