Zen Cart Shopping Cart Sidebox with Checkout Button
November 11, 2008 in Zen Cart Add Ons, Zen Cart Customization
Is this useful? Like it.
This simple single-file contribution adds a checkout button to the Shopping Cart side box. The button will be displayed only if the shopping cart is not empty and it links directly to the checkout page (index.php?main_page=checkout_shipping).

The appearance of the shopping cart sidebox and checkout button depends on your current template - it’ll NOT be the same as the screen shot above, which is shown only as an example.
Download the file here.
Installation
Just unzip the fileĀ ‘tpl_shopping_cart.php’ to the following folder:
\includes\templates\YOUR_TEMPLATE\sideboxes
Where YOUR_TEMPLATE is the name of the template you are using.
Notes
If your Shopping Cart sidebox is not activated yet, you can enable it from your Zen Cart admin:
Tools > Layout Boxes Controller > sideboxes/shopping_cart.php
I do think it’s better to display the sidebox as high as possible — Maybe near the top of the right column (or left column). This, hopefully, will boost your conversion rate further.
For those who are familiar with CSS, the button is within a DIV with a CSS class called ‘cartBoxCheckout’. Therefore, if necessary, you can add styling to it in your CSS file.
Zen Cart Version: 1.3.8
Comments
10 Responses to “Zen Cart Shopping Cart Sidebox with Checkout Button”
Leave a Reply




















Great little add on. Zen Cart should have included this from the get go.
I agree on both counts. I was just about to do this for my store. Thanks for saving me the time!
Thanks for a great job. i have been using this template for about 2 weeks. How can i remove the new product list of the month appeared in the center of the main page.
Thanks for a good job.
Othman
Admin > Configuration > Index Listing > Show New Products on Main Page > 0
Thank you so much. It is very helpful.
Hi i tried adding this tpl file to the location specified however it does not appear in the layout box controller. how do i get it to work?
Sorry its working now, haha i should have open my eyes bigger, its on the right column but i’m using your template3 which only have left column. Thanks
Very intuitive, The check out button feeling good!
Thank you so much. Very nice feature. How can I align the button to the right? Thanks.
Open your stylesheet file and add:
.cartBoxCheckout img {
float: right;
}