I am a beginner at WordPress and PHP, (coming from mostly java and c#) and I was wondering how can I change the store page in woocommerce, I have knowledge of HTML + CSS and I want to implement my product design to the store page… I am using OceanWP theme.

I am looking for help with overriding the theme somehow,
I also need examples if possible (see code below) please

<div class= "main-body">
<?PHP foreach: product>
<div class ="title">
<?PHP echo product title>
</div>
<img src=<?PHP echo product image>

etc (ignore my bad syntax)