Need help moving the Add To Cart box

[rstevenson]

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

[moxy]

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;
}

[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

[moxy]

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

[kobra]

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

[rstevenson]

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