Who knows the video or what to read about stretching the layout on WP + Woo?

Question

Layout

You need to hand over a one-page store, something like this one . I found a PSD layout, I'm going to make it up, but I would like to know about tips and correct layout.
Who knows the video or courses (which can be downloaded) about stretching?
Mini-question: adding items to the cart and calculating the cost, like on this site , is it done in JS or through WP or Woo?

Answer 1

Good afternoon!
1) layout in html css js, as always
2) Next, create a theme (see below).
Here, a small memo on creating a theme - https://yadi.sk/d/5ARTiBzq3QX5Wu
Better study the VP code at the office. site or on the site wp-kama.ru
3) to create the templates necessary for the woomeret, install the plugin, copy the contents of the templates folder from it, create the woocommerce folder in the theme and upload them there. And then you can modify them however you like. Some edits can be made with the help of the audiometer hooks that you need to add to your theme's functions.php.