Add to cart button layout order

Can someone please tell me how I can change the postion of the "Add To Cart" button?

At hte moment it appears just above and to the right of any "options" drop down menus or radio buttons I may have. I would like that these option controls come before the add to cart button.

Help, please.

Phil

You have 2 options - use CSS positioning (preferred option) or you can edit includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Ah, I thought that there was a way in setting out the layout order within the Admin area. (in fact I'm sure I did it that wat a couple of years ago with an older version of Zen)

That's for the listing pages, not the Product Info page

Right, thanks for the help and it was good help.

But (there's always one of those devils) got the add to cart button below the option thingies but the tell a friend and write review went where they shouldn't, well they were in a neat horizontal line then after moving the Add2 they ended up one top of each other and to the left of the Add2. I then changed the Add2 to apear below these two buttons only to have the "when added" text apear to the left of the Add2 button.

I'm not that hot with php (useless more like) I understand HTML and that's about it. I can't see anything that tells me where what is aligned, maybe if I could I might be able to re-arrange it.

The ideal thing would be to have the options (on one line so to speak) then followed by the Add2 button, then the 2 other buttons (in line like they were) under the Add2 and finally the when added text.

Any ideas?

Phil

PS: If you go here you will see what I mean:http://www.carpas-a-vista.com/Loja/index.php?main_page=product_info&cPath=65&products_id=309

Are you trying to physically move it or are you using css?

I'm doing it by the tpl_product_info_display.php you mentioned.

CSS! LOL, You're having a laugh arn't you? That's even more confusing than php in my mind lol

If I can just get the Add2 on it's own on the line below the options thingy and with the "Tell a..." & ""Coment..." buttons on the line below it (and in line with each other horizontally) I'll be bloody happy.

I don't have the time to explain the details of how to edit php files, but if you want to send me a copy of your tpl_product_info_display.php (the backup copy you made before you changed it!) I'll fix it for you.

Zip it and upload it here as an attachment.

Cheers Ryk

The file you sent me has the Add2cart where you want it, so the most likely thing is that this is a css issue. Put back the file you've just sent me, then let me know. (Rather than cluttering up the forum, go to https://www.rnscomputing.co.uk and click the boldchat link)

Hiya! Sorry to be a pest, but this is what I am trying to do. Can you say what it is that I need to change? I haven't tried to play with the tpl page yet (don't understand PHP that much)! But will give it a go. Hopefully you will reply with the how to do this :blush:
Kristal

You adjust the positioning in your stylesheet using css; the class you need to apply it to is #cartAdd

This is not the place for a detailed tutorial on css (and I'm not qualified to give a detailed tutorial! :D ), but a basic summary of positioning is that using ```
position: relative; top : 50px; right: 100px;

position: absolute; top : 50px; right: 100px;

Bear in mind that moving one element will often require adjustment of others.

As has been said often, one of the best things you can do for yourself is to download Firefox and the Web Developer Toolkit add-on, then you can play around with the CSS tools, changing it on the fly and saving your changes if you wish.

Well thank you very much! I will give that a go then! I appreciate the response. Take care.
Kristal

This thread may be of help.

Well YEAH!!!! I got the Add to Cart box centered now working on the Write Review and Tell Friend buttons to be centered! Isn't it funny how we fix one thing only to find that there is now something else we want fixed?? lol
Okay, back to firefox and the css editor thing, but I think I need to to that in a template somewhere....hmm maybe not, I have an idea!
Thanks for the advice with Firefox btw! Very cool! :yes:
Kristal

I did it!
I am so excited, had to post! :yes:

Here

Kristal