Changes to Product Info Pages

[SandraJ7]

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....&products_id=1

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

http://www.alteredviews.com/catalog/...&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.

[pivey]

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

[SandraJ7]

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. :-)

[seethrou]

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.

.