Add checkout link to shopping cart side box below items

[Makoshark]

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)
I am using 1.3.8a at http://shop.nilandsplace.com
Thanks James

[schoolboy]

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

}
  $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.

[soyabeane]

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!

[Makoshark]

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

[soyabeane]

hey Makoshark,

try this:

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

worked for me :)

[schoolboy]

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>.

[soyabeane]

cool thanks!

[Makoshark]

I got the code right the first time

/* 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

Have Fun makoshark AKA James

[haredo]

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

[scottdev]

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.