I wanted to change the fields on the product display around. I've got this far...

I'm using a custom node to display the products (when I say product display I mean the screen with the Add to Cart button) Custom tpl file is called node--product_display.tpl.php

I know that you can isolate different variables by using hide($content['field']); so that don't appear in print $content

I know that print render($content['product:commerce_price']); gives me the price
print render($content['body']); gives me the description from the Node body
print render ($content['product:field_?'] gives me any of the fields from the product types

and print render($content['field_product_reference']); gives me this little block with:
- a select list for the size (attribute),
- a select list for the colour (attribute),
- the quantity edit field
- and the add to cart button

but what I can't work out is how to display these four items separately - is there a way? All I want to do is rearrange them. Maybe there's an easier way