Please refer to TemplateMonster Support for any issues surrounding TemplateMonster/TemplateTuning Themes – thanks, Jigoshop Team

Customize cart: shipping and cart total side-by-side


24 Oct, 2011 10:07 PM

Can I edit the cart page so that the CALCULATE SHIPPING is in the left column and the CART TOTALS is in the right column? Right now, both are in the right column with CART TOTALS above CALCULATE SHIPPING. I would like to see them positioned side-by-side.

  1. 2 Posted by Rob Jigo on 24 Oct, 2011 11:04 PM

    Rob Jigo's Avatar

    No problemo, simply add this to your theme stylesheet

    .cart-collaterals .shipping_calculator {
        float: left;
        clear: none; /* removes the default clear: right */

    That should do the trick (tested in chrome/mac)

  2. 3 Posted by isak on 25 Oct, 2011 01:31 AM

    Is there a way to make the shipping calculator stay open?

  3. 4 Posted by Rob Jigo on 25 Oct, 2011 09:08 AM

    Rob Jigo's Avatar

    Yep, you’ll have to do a bit if customising of the plugin however.

    Just remove these lines in script.js:

    jQuery('.shipping-calculator-button').click(function() {
      jQuery('.shipping-calculator-form').slideToggle('slow', function() {
        // Animation complete.
  4. 5 Posted by vino1 on 23 Apr, 2013 04:32 PM

    vino1's Avatar

    Thanks for the codes! Could you please let me know how to put the Cart Totals side-by-side with the Calculator? Have been looking in the shop’s frontend.css for the alignment.

Reply to this discussion

Internal reply

Formatting help or Preview

Attached Files

You can attach files up to 10MB

If you don’t have an account yet, we need to confirm you’re human and not a machine trying to post spam.