Attempting to change layout of product info page

[CunningStunt2]

Hi all

I'm trying to rearrange the order that elements are displayed on the main product info page. I have moved various chunks around in the template file to display what I want in the order I want it, but i'm having a small issue trying to get attribute options to display next to the product image.



In the attached image you can see the product image, with the attributes module displaying underneath, but I want to do if possible is have the product image and the attributes / add to cart stuff display side by side at the top of the page, followed by the long text description of the products information.

Is this achievable by editing the template tpl file or is it more likely to be controlled by css to dictate where the module should display?

Thanks in advance

Jon

[mprough]

This requires a file edit

[dbltoe]

In Chrome with the Web Developer tools, you can have it display the Div Order.

You can use that to map out the order and locations for the various divs. Then use the site-specific_styles.php stylesheet to "slide" things into place.

Use inspect to try out the various CSS helpers. Sometimes, just a simple float:left; or float:right; applied to the right div will make a world of difference.

[barco57]

What template are you using?

[lat9]

What template are you using?

Looks like a Bootstrap clone.

[dbltoe]

Looks like a Bootstrap clone.

Yep, it looks like the fontawesome icons of Bootstrap