Posts Tagged ‘onepage checkout’

We can change onepage checkout from 2column-right to 2column-left layout.

Step1: Open Checkout.xml from your-project/app/design/frontend/default/default/layout/
– Find checkout_onepage_index and replace below mention strings
– Replace remove name=”left” with remove name=”right”
– Replace page/2columns-right.phtml with page/2columns-left.phtml
– Replace reference name=”right” with reference name=”left”

Step2: Open opcheckout.js from your-project/skin/frontend/default/default/js/

– Replace col-right with col-left in below function

reloadProgressBlock: function(){
var updater = new Ajax.Updater($$('.col-right')[0], this.progressUrl, {method: 'get', onFailure: this.ajaxFailure.bind(this)});

Thats it.. only 2 step to change.
If this post is helpful to you than plz reply.

– Bijal Bhavsar 🙂