how do i change the position of the add to cart button ?

You have in your stylesheet```
/Shopping Cart Display/
#cartAdd {
float: left;
text-align: left;
margin: 1em;
border: 0px solid #000000;
padding: 1em;
}

margin: 1em;
margin-left:16px; or whatever (1em = 10px in Zen Cart default).

If you want to adjust other margins as well, use the full version:
margin: 10px 15px 20px 5px;
means 10px top, 15px right, 20px bottom, 5px left margins.

Hello gjh42,

With respect to the line of code: margin: 10px 15px 20px 5px;

what do you need to modify if you simply want to move the "add to cart" icon up (higher) on the page?

Kind regards,
Anthony

Anthony,

How high and a link to your site

Hello Kobra,

Approximately 1 cm up from where it is now.

Kind regards,
Anthony

A link to your site???

Hello,

Oops, sorry, I forgot the link.

Here it is:

http://www.giftedallsorts.com.au/shop/

Kind regards,
Anthony

You may want the add box only 1 cm higher on the screen, but it won't be able to move higher while it is using the currrent "floated" positioning.

Your best bet is to move the <!--bof Add to Cart Box --> code block to just after <!--eof Main Product Image-->, or maybe after <!--eof Product Name --> depending on exactly what you want.

Hello gjh42,

Thanks for the reply

All seems good now.

Cheers,

Anthony

xman888,

You have stylesheet.css and stylesheet2.css....

Both of these are being used for css on your site...

If this is your intention OK...if not - all .css files are used in order...

Delete or Rename any you do not want used with any extention other than .css

Hi Kobra,

Thanks for that.

I have deleted stylesheet as I am using stylesheet2.

1 small thing.

I have moved the "tell a friend tag" to underneath the "add to cart" tag, as I want the "tell a friend" to be positioned under "add to cart" however it appears to the left of "add to cart".

Here is my link: http://www.giftedallsorts.com.au/shop/index.php?main_page=product_info&cPath=1&products_id=6

Is there some fine tuning that I need to do in the css to get this done?

Kind regards,
Anthony

In your template tpl_product_info_display.php or a copy to be placed there find this and add the red entry to see if this assists:

<!--bof Add to Cart Box -->
    <div id="cartAdd">

    Add to Cart: <input type="text" name="cart_quantity" value="1" maxlength="6" size="4" /><br /><br /><input type="hidden" name="products_id" value="6" /><input type="image" src="includes/templates/xman/buttons/english/button_in_cart.gif" alt="Add to Cart" title=" Add to Cart " />
          </div>
<br class="clearBoth" />

<!--eof Add to Cart Box-->

<!--bof Tell a Friend button -->

<div id="productTellFriendLink" class="buttonRow forward"><a href="http://www.giftedallsorts.com.au/shop/index.php?main_page=tell_a_friend&products_id=6&zenid=ec4c40a8ff8d387884f83c3822907ed4"><img src="includes/templates/xman/buttons/english/button_TellAFriend.gif" alt="Tell a Friend" title=" Tell a Friend " width="90" height="36" /></a></div>

<!--eof Tell a Friend button -->

Hi Kobra,

Cheers for that - much appreciated.

Now that I have the "tell a friend" under the "add to cart", is there a way to move the "tell a friend" to the left a little, so that it is centered under the "add to cart" icon?

A link is here:

http://www.giftedallsorts.com.au/shop/index.php?main_page=product_info&cPath=1&products_id=2

While I have you here, at that same link, do you know of a way to move the "larger images" text from the left of the images to underneath the images?

One more question actually - sorry about all this. Is there a way to have the images to the left of the "product description"? Since I have added the "List of contents" to the product description, it has pushed the images down too far.

Thanks for all your help so far.

Kind regards,
Anthony

Image position - You will have to look at what you did with #productImagesWrapper as this was added by you and not a default

tell a friend: add:

#productTellFriendLink {
        margin-right: 2.7em;
        }

Hi Kobra,

Thanks for that - worked a treat.

Kind regards,
Anthony

Why is it not recommended to not modify the base copy. It seems to be easier in case I would want to change templates.

Thanks.

For one thing, any time you upgrade to a new version, the /template_default/ copy will be erased and replaced with the new one, so you will automatically lose all your work.
Also, having a copy of the original code is useful as a reference, in case your custom template changes don't work right - you can go back and start over.

If you want a customization to apply to a new template, just copy the relevant file into the new template folder.

Hi gjh2 but what if you want to change the template for a new look, just different colors and buttons, of your website. You will have to copy all the files from one template to another.

Thanks.

If you want to take the risk of losing some or all of your customization when you upgrade, that is up to you. We can tell you what is recommended and what is safe.

It is pretty straightforward to copy all /custom1/ folders and their contents to /custom2/ folders.

Hi, I have tried your method of cutting and paste the block of bof shopping cart to under the eof of product name.
But the website wouldnt show anything. Just a blank page. Thus I am not allowed to chage the position of the add to cart.
Would appreciate your help. Thanks.

You have obviously cut/moved too much or too little, or some other error. It works when you do it correctly - there's no such thing as "you're not allowed".
Post the content of your tpl_product_info_display.php (in ```
[php] and [/php]