Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Need help moving the Add To Cart box

Need help moving the Add To Cart box

Locked

Views: 1,856

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
11 Jan 2007, 6:48 PM
#1
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Need help moving the Add To Cart box

Hi folk,

On any Product Details page...

I want to move the box that holds the Add To Cart button (and its quantity field and text) up to the empty space to the right of the image. I can see it's in its own div, so I should be able to move it around using styles, but that's a little beyond me. Anyone know how to do that? And do I have to edit any of the code pages as well?

See here, and click any category and then any product to see a detail page.

TIA

Rob

11 Jan 2007, 9:35 PM
#2
moxy avatar

moxy

New Zenner

Join Date:
Jul 2006
Posts:
24
Plugin Contributions:
0

Re: Need help moving the Add To Cart box

Hey Rob:

Search how to add a style sheet for your template, so that your not editing the main one. I honestly don't remember how, but I know there's tons of instructions on this forum. It has to do with adding a stylesheet with a name that comes later alphabetically.

Then you can just add the following to that stylesheet:

#cartAdd {
position:relative;
top:-405px;
}

11 Jan 2007, 9:39 PM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Need help moving the Add To Cart box

Yes, the only wat that I know of is to edit the tpl_product_info_display.php file

and move the complete bof to eof and reorder the sequence to get it where you want

11 Jan 2007, 9:42 PM
#4
moxy avatar

moxy

New Zenner

Join Date:
Jul 2006
Posts:
24
Plugin Contributions:
0

Re: Need help moving the Add To Cart box

kobra:

Yes, the only wat that I know of is to edit the tpl_product_info_display.php file

and move the complete bof to eof and reorder the sequence to get it where you want

I'll defer to you Kobra as you know about a thousand times more than I do for ZC , but won't my css positioning accomplish it? I tried it with Firebug/Firefox and it seemed to do it, but I might be missing something. I halso aaven't tested in IE, either...

Rob: listen to Kobra - he knows his way around ZC :)

11 Jan 2007, 9:57 PM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Need help moving the Add To Cart box

moxy,

I think that there is at least one clear both statement between them and while I hav not tried css absolute positioning, I think that trying to move it above this with css will render haphazzardly in different browsers.

But it is worth a try as it is far easier that editing the code

11 Jan 2007, 11:38 PM
#6
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Need help moving the Add To Cart box

Thank you both for the advice. I chose to go with the code change rather than the style positioning, mainly because of inconsistent browser support (especially with older browsers) for CSS positioning.

Now that I know where to do it, I'm having a lot of fun rearranging my pages. :-0

Rob