Создайте простые страницы с нужным вам контентом (картинки там или текст) а потом вставьте шорткодами ваши категории с товарами или сами товары. ....
Не всё так просто ...
Создал я отдельную страницу В неё добавил шорт-код категорий, где были только основные категории, а под ним вставил различный контент.
Дальше заменил в меню кнопку Магазин на другую кнопку, но ведущую теперь уже на эту новую страницу.
Однако ссылки и Хлебных крошках и в кнопках типа "Вернуться в магазин" ведут по прежнему на старую страницу магазина.
Кроме того если я сейчас заменю таким же образом страницы со списком подкатегорий, то в сайдбаре сыылки на страницы со списком подкатегорий не изменятся и будут по прежнему вести на старые.
Поэтому желательно всё же попытаться осуществить редактирование первоначальных страниц, а не создавать новые.
В принципе они поддаются редактированию. Туда через обычную форму редактирования можно вставить всё что угодно. Но это появится только над категориями или над подкатегориями.
Для меня важно, чтобы список категорий был наверху. Это основа навигации. А тут получается если разукрашивать страницу всяким контентом то он будет болтаться внизу. Или будет два списка категорий, если я введу первым шор-ткод категорий.
Один внизу по умолчанию, а другой наверху из шорт-кода
С другими страницами созданными первоначально Woocommerce дело обстоит гораздо проще.
У них в редакторе виден шорт-код. И если вставлять код выше или ниже его то получишь соответственно контент над и под.
Поэтому напрашивается вывод - хорошо бы найти код отвечающий за вывод из формы редактирования на страницы категорий и подкатегорий. Поправить его, чтобы он выводил контент под списком, а не над ним.
Или поступить иначе - удалить в коде элементы, отвечающие за вывод списков категорий и подкатегорий. А в эти пустые страницыы, но с правильными адресами, уже вручную вставить в редакторе шорт код категорий и затем ниже различный контент.