WooCommerce Store Front alterations

Hi all,

I’ve recently been working with Woo, but I was wondering if it is at all possible to change how the store page works

See here:
https://dylanridley.staff.thinkingfish.com/wp/?orderby=popularity&post_type=product

There are 5 products under the ‘magic’ category and 3 under ‘science’

My aim is to make it so that a maximum of 4 products of each category are displayed on the store front with a link to the category page, like this:

——————————————————————-
[MAGIC PRODUCT] [MAGIC PRODUCT] [MAGIC PRODUCT] [MAGIC PRODUCT]
Click here for all magic products

[SCIENCE PRODUCT] [SCIENCE PRODUCT] [SCIENCE PRODUCT]
——————————————————————–
Does anyone have any idea how I would go about this?
Any help would be much appreciated