Add checkout link to shopping cart side box below items

I have bee looking for an hour now but have not found what I am looking for
What I want to do is add a function to the shopping cart side box. I know you can click on the side box header to go to checkout, but to a customer it is not that obvious. So what I would like to do is add a link to the bottom of the shopping cart list that says checkout. Having this bringing them to the checkout page. I am learning how to use the template override system, but I do not know PHP (maybe I could fake it so everyone thinks I do):cool:
I am using 1.3.8a at http://shop.nilandsplace.com
Thanks James

You're talking about the shopping cart sidebox, right?

Two ways to do this...

Both are edits of the following file:

includes/templates/template_default/sideboxes/tpl_shopping_cart.php

FTP a copy of this file to your local machine.

Open it for editing, with a good PLAIN TEXT EDITOR, such as Crimson Editor.

Right at the bottom of the file, the following appears:

  }
  $content .= '</div>';
?>

You can either HARD CODE (the untidy method) the button link as follows

}
$content .= '</div>';

$content .= '<div id="checkoutButton"><a href="https://www.yourwebsite.com/index.php?main_page=checkout_shipping"><img src="includes/templates/your_template/buttons/english/button_checkout.gif" alt="Checkout" title=" Checkout " width="114" height="20" /></a></center></div>';

?>
``` NB: make sure you put in your website URL and apply any other custom stuff like width and height settings for your button image.

-----------------------------------------------------

Or use the tidy method (recommended):

```php
}
$content .= '</div>';

$content .= '<div class="checkoutButton"><a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a></div>';

?>

SAVE the file on your local drive.

On your remote server, navigate to:

includes/templates/YOUR_TEMPLATE/sideboxes/

and then FTP the edited file to that folder. If there is no folder called "sideboxes" in your template folder, create it.

NOTE: I have given this its own style ID (checkoutButton) so I can give it a style later if I like.

thanks so much for this! Just what i was looking for :)

just a tiny problem. The color of the bar on which the checkout button sits is different from the rest of the sidebox.

is there any way i can change the color of that bar?

thks!

I did it the tidy method way and the code works great. Just one thing how do I center the button in the box?

hey Makoshark,

try this:

add <div align="center"> after <div class="checkoutButton">

worked for me :)

soyabeane:

hey Makoshark,

try this:

add <div align="center"> after <div class="checkoutButton">

worked for me :)

Better like this:

<div align="center" class="checkoutButton">

or you'll need two closing </div> tags with your method... because you are nesting a <div> inside a <div>.

cool thanks!

I got the code right the first time:D

/* modified to add checkout button to shopping cart sidebox*/
$content .= '<div class="checkoutButton"><div align="center"><a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a></div></div>';
?>
```> If anyone wants to see this in action I have set up a test account. So **please do not create accounts for testing**
> You can use this to test. User You can use this to test. User [email protected] and the password is test1234
> Here is my website click   [Nilands Place Campsite](http://shop.nilandsplace.com/camp/)
Have Fun makoshark AKA James

Ma,
Looks nice, thanks for the update on the fix..

That worked well for me too.

I would like to display the button only if there is something in the cart.

Otherwise, it does not display.

When using the "tidy" method, the zen_image_button() call seems to bring back the default_template button, not the one I've set up in my custom folders.

Is there a call needed somewhere in the overridden tpl_shopping_cart.php to make sure that zen_image_button() brings back the right image?

I'm using the "untidy" version for the time being!

Many apologies - I'd mis-named the button image file.

Works a treat now.