title: woocommerce display categories with thumbnails
body: <p><img src="https://i.stack.imgur.com/yx6Tb.jpg" alt="my task"></p>
  
  <p>What exactly i want to know is how do i get my categories like in the picture. (The food types thumbnails.) I have a WordPress site with the Maya Shop theme which is based on Woo Commerce. I tried every which way i could from the menu and i hadn't managed to do it.
  Also tried to fiddle a little bit with the Short code to no avail. I am new to this an i want to keep it as simple as possible. Do i have to write php code for some files or can i do it simpler than that?</p>