Product info page layout

Hey folks, I'd like to modify the product info page on my site so that i's a bit more appealing and organized. The page in quesion is here http://fashionfavourites.com/index.php?main_page=product_info&cPath=8_276_278&products_id=1584 I would like to achive a look similar to this http://trendsdepot.com/raf-simons-shoes-c-680/raf-simons-03-p-6204

I know this is possible sinc this is a zen-cart site. Does anyone know if there is mod available that does? or Any guidance as to how I can achive the same look.

Many thanks in advance.

There aren't really mods for changing the layout of individual pages other than for changing the listings to a column format. You just edit the relevant template file to get the layout you want. In this case that would be tpl_product_info_display.php.

kuroi:

There aren't really mods for changing the layout of individual pages other than for changing the listings to a column format. You just edit the relevant template file to get the layout you want. In this case that would be tpl_product_info_display.php.

There are 8 product info mods in the downloads section however, none of will provide the look the OP is seeking.

clydejones:

There are 8 product info mods in the downloads section however, none of will provide the look the OP is seeking.I stand corrected, though this rather confirms my underlying point, namely that changing the layout of a page to achieve a particular look is best done by editing the relevant template to meet one's specific needs. Hopefully those other takes will at least show how it can be done.

kuroi:

I stand corrected, though this rather confirms my underlying point, namely that changing the layout of a page to achieve a particular look is best done by editing the relevant template to meet one's specific needs. Hopefully those other takes will at least show how it can be done.

Thanks gentlemen, as you both have pointed out I've made modifications to my tpl_product_info_display I've added a div <right_side> and moved the Price, Reward, Attirbutes, and Add to cart code inside it.

Then I've added #right_side in my products_info.css file and added styling.

I am very stuck on getting the content of the above 4 elements (Price, reward, attrib, cart) inside(move up) the #right_side container/div (The grey colored area to the right of the main images)

Eventually I am seeking a look similar to this: http://trendsdepot.com/nike-air-yeezy-03-p-6169

What am I doing wrong. I'll be glad to include my tpl_product_info.php and the product_info.css file if you'd like, and most imporantly if that is allowed in the forum.

Please guide me in the right direction please..

My progress so far: http://fashionfavourites.com/index.p...roducts_id=507

hardwiredtemplates:

Thanks gentlemen, as you both have pointed out I've made modifications to my tpl_product_info_display I've added a div <right_side> and moved the Price, Reward, Attirbutes, and Add to cart code inside it.

Then I've added #right_side in my products_info.css file and added styling.

I am very stuck on getting the content of the above 4 elements (Price, reward, attrib, cart) inside(move up) the #right_side container/div (The grey colored area to the right of the main images)

Eventually I am seeking a look similar to this: http://trendsdepot.com/nike-air-yeezy-03-p-6169

What am I doing wrong. I'll be glad to include my tpl_product_info.php and the product_info.css file if you'd like, and most imporantly if that is allowed in the forum.

Please guide me in the right direction please..

My progress so far: http://fashionfavourites.com/index.p...roducts_id=507

Thank you guys, for pointing me in the right direction, I've fixed my issue. For anyone in the same boat, changed are below.

All I needed to do was to make the CSS changes below

#right_side {
position:relative;
margin: 0px 0; 0; 0;
background-color: #e2e2e2;
width: 320px;
left: 360px;
height: 220px;
}

TO:
#right_side {
float:right;
margin: 0px 0; 0; 0;
background-color: #e2e2e2;
width: 320px;
left: 360px;
height: 220px;
}

And VOILA, everything moved up.

Why it worked, could not tell you and could not care, but I am happy:D

Now I just need to clean it up a little.