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 and 1.3.9

Premium Zen Cart templates from $22 only. Guaranteed unbeatable value! Give your business an advantage over others! Click to see now!

Bookmark and Share

Comments

10 Responses to “Zen Cart Shopping Cart Sidebox with Checkout Button”

  1. SK on December 19th, 2008 3:06 pm

    Great little add on. Zen Cart should have included this from the get go.

  2. KM on January 21st, 2009 6:07 am

    I agree on both counts. I was just about to do this for my store. Thanks for saving me the time!

  3. Othman on March 13th, 2009 11:38 pm

    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

  4. admin on March 14th, 2009 11:23 am

    Admin > Configuration > Index Listing > Show New Products on Main Page > 0

  5. batteries on April 23rd, 2009 11:48 am

    Thank you so much. It is very helpful.

  6. Lester on May 11th, 2009 6:04 pm

    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?

  7. Lester on May 11th, 2009 6:06 pm

    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

  8. Jordan on August 31st, 2009 10:10 pm

    Very intuitive, The check out button feeling good!

  9. peco on November 3rd, 2009 2:27 pm

    Thank you so much. Very nice feature. How can I align the button to the right? Thanks.

  10. admin on November 3rd, 2009 2:57 pm

    Open your stylesheet file and add:

    .cartBoxCheckout img {
    float: right;
    }

Leave a Reply





Zen Cart Templates

Premium 1 Series ($22~25)

Premium 2 Series ($26)

Premium 3 Series ($29)

Premium 4 Series ($28)

Premium 5 Series ($30)

Premium 6 Series ($30)

Premium 7 Series ($35)

Premium 8 Series ($40)

Premium 9 Series ($35)

7 Days A Week E-mail Support