Changes to Product Info Pages

I've been doing pretty good figuring things out by reading the archives and then experimenting with the css. I'm using version 1.3.0.1.

My issue right now is I want to change the look of the Product Information Pages. From reading the forum it seems that it has to be a combo of editing the tpl files and the css. I look at the tpl_product_info_display.php file and have no idea what to do. I've moved things around in the index page (moving the nav info) so I know how to move the sections - just not sure how to make sure they turn out correctly.

I guess I'm a bit frustrated since I've been using basic HTML for over ten years to do websites. I have read the css guide that was listed in another thread and that has helped - some. I could fix the problem I have in no time with tables. lol I'm slowly realizing I need to master css.

Okay, here's what I would like to do. I'd like to change the layout of one site I'm working on (version 1.3.0.1):

http://www.from-the-heart-creations.com/shop/index.php?main_page=product_info&cPath=3&products_id=1

to look similar to what I created when using version 1.2.*:

http://www.alteredviews.com/catalog/index.php?main_page=product_info&cPath=1&products_id=1

On the FTHC site I have no idea how to get the "preview/listing/next" to have a space below it. But that's just the beginning. I want the description down at the bottom, I want the Add to Cart box like my Altered Views site on the FTHC site. I also need to figure out how to add additional images below the description - and other changes.

Any help would be greatly appreciated.

Open your stylsheet.css and look for "navNextPrevWrapper centeredContent"
this allows you to move the whole prev/next row whereever you want
margin / padding / float (left or right)

or look for "navNextPrevCounter" this one allows you to define spaces, alignment of each button
again: margin / padding / float (left or right)....or whatever

read this one: http://www.yourhtmlsource.com/stylesheets/

will answer most of your questions

Dimi

Thank you for your reply. Will read over the tutorial. Each one I read I get a better understanding.

If I figure anything out will come back to the thread and post. :-)

For your question of

"preview/listing/next"
Please refer to
Css Problem V1.3.1, for Product Listings info. page.

But have shown settings for the "preview/listing/next" in stylesheet in the discussions.

Good luck.

.