How to edit woocommerce default Catalog page?

I want my woocommerce shop page to look like this image right here:
so far i got to this point where i got 2 buttons with plugins, the price and name edited with css like so:

but i can’t fix the elements to be inline
i am not really a wise in the php files of wordpress

any help?