Forums / Templates, Stylesheets, Page Layout / Completely Moving around product page

Completely Moving around product page

Locked

Views: 1,082

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
26 Feb 2007, 4:34 PM
#1
v_kirk avatar

v_kirk

Zen Follower

Join Date:
Jun 2006
Posts:
110
Plugin Contributions:
0

Completely Moving around product page

Hello. i was wondering if anyone could point me out in the right direction to get my product page to look something like THIS

if you could just send me a few links, or perhaps tell me what files i need to edit, where and how, it would be awesome

just need some start up help =)

26 Feb 2007, 10:20 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Completely Moving around product page

You will want to edit /includes/templates/your_template/tpl_product_info_display.php.

Each element is between <!--bof xxxx--> and <!--eof xxxx--> comments, and you can move those around as blocks to change the order of display. There will be other things like adding or removing <br /> tags and fine positioning with the stylesheet, but that should get you started.

27 Feb 2007, 1:05 AM
#3
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Completely Moving around product page

Take a look at this thread and you can see several different modifications that are possible.
www.zen-cart.com/forum/showthread.php?t=58795

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

14 Mar 2007, 6:21 PM
#4
v_kirk avatar

v_kirk

Zen Follower

Join Date:
Jun 2006
Posts:
110
Plugin Contributions:
0

Re: Completely Moving around product page

ok.. what would i have to change in the stylesheet?
would i have to add stuff to it?
if so...what?

14 Mar 2007, 7:24 PM
#5
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Completely Moving around product page

What you do in your stylesheets is a matter only you can decide upon - only you know how big you want fonts, or what color they should be.

The method described above (shifting the BOF - EOF elements) are a starting point, and there's nothing additional to do in the css.

Naturally, you may find that certain elements will need css changes once you've shifted everything, but only you will know what to modify in the css because only you will know what's been moved about.

20 years a Zencart User

14 Mar 2007, 11:42 PM
#6
v_kirk avatar

v_kirk

Zen Follower

Join Date:
Jun 2006
Posts:
110
Plugin Contributions:
0

Re: Completely Moving around product page

i understand what your saying.

but what i ment was, are there certain ids/classes that NEED to be added to move all of it around, or is it already in there?

if it is, what section is it at?

15 Mar 2007, 12:31 AM
#7
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Completely Moving around product page

You may have a problem with some styles, such as .clearboth for example, but you'll only see the effect of styles once youve shifted the DIVS around.

As I recall in the default css, there are no styles setting absolute positions as XY co-ords or in pixel co-ords. Check the stylesheet to see this, though.

20 years a Zencart User