WooCommerce Shortcode Pagination

Hi as Ismael suggested I am opening a new thread

I am trying to create a customised product page using the advanced editor layout and then just add the “add to chart” short code. But when I copy the short code e.g. [add_to_cart id=”id”] in the text block it messes all the layout! Where exactly should I insert the short code?

This is for e.g. what happen if I use the short code [product_page id=”ID”] in a text box

http://www.hi-funroma.com/portfolio-articoli/hi-hoodie/

Basically what I have done is I created a portfolio entry for the product and constructed a page that first includes an easy slider at the top, then a color section with inside the text box with the product short code and lastly another color section with the product description.
But not only the layout of the page is completely distorted compared to the original product page http://www.hi-funroma.com/prodotto/hi-hoodie-2/
But also neither the easy slider nor the color section with product description appear!

I also tried another version with simply adding the “add to cart” but still the layout is not really nice http://www.hi-funroma.com/portfolio-articoli/hi-tube²/

Also is there any shortcode to add the product variations (e.g. color and size) as well?

Thank you for the help!