beehexa integrationsidebar
beehexa logo

We Build HexaSync Integration Platform for Connecting ERP, POS, CRM, Accounting, and eCommerce Applications to Automate Business Processes

Remove billing section

Magento 1: How to remove billing section from checkout page?

I have recently completed a magento project that customer asked to remove billing section from checkout page. Magento checkout process is quite complex so I decide to just hide that one from magento template.

I suppose you are using RWD default theme and it loads this one page checkout javascript:

skin/frontend/rwd/default/js/opcheckout_rwd.js

I appended  these lines to that one:

$j(document).ready(function(){
    console.log(accordion);
    if(accordion.currentSection == 'opc-billing') {
        billing.save();
    }
    $j("#opc-billing").hide();
    $j("#opc-shipping .step-title").css('border-top', 'none');
    $j("span.number").each(function(){
        var n = parseInt($j(this).text());
        $j(this).text(n-1);
    });
});

And the file source code looks like:

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [email protected] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to https://www.magento.com for more information.
 *
 * @category    design
 * @package     rwd_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (https://www.magento.com)
 * @license     https://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

Checkout.prototype.gotoSection = function (section, reloadProgressBlock) {
    // Adds class so that the page can be styled to only show the "Checkout Method" step
    if ((this.currentStep == 'login' || this.currentStep == 'billing') && section == 'billing') {
        $j('body').addClass('opc-has-progressed-from-login');
    }

    if (reloadProgressBlock) {
        this.reloadProgressBlock(this.currentStep);
    }
    this.currentStep = section;
    var sectionElement = $('opc-' + section);
    sectionElement.addClassName('allow');
    this.accordion.openSection('opc-' + section);

    // Scroll viewport to top of checkout steps for smaller viewports
    if (Modernizr.mq('(max-width: ' + bp.xsmall + 'px)')) {
        $j('html,body').animate({scrollTop: $j('#checkoutSteps').offset().top}, 800);
    }

    if (!reloadProgressBlock) {
        this.resetPreviousSteps();
    }
}

$j(document).ready(function(){
    console.log(accordion);
    if(accordion.currentSection == 'opc-billing') {
        billing.save();
    }
    $j("#opc-billing").hide();
    $j("#opc-shipping .step-title").css('border-top', 'none');
    $j("span.number").each(function(){
        var n = parseInt($j(this).text());
        $j(this).text(n-1);
    });
});

You should remember to remove checkout progress from the right column to make it consistent by doing these steps:

Copy base app/design/frontend/base/default/template/checkout/onepage/progress/billing.phtml default template to

app/design/frontend/rwd/default/template/checkout/onepage/progress/billing.phtml
<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [email protected] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to https://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (https://www.magento.com)
 * @license     https://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>
<?php if ($this->getCheckout()->getStepData('billing', 'complete')): ?>
<dt class="complete">
    <?php echo $this->__('Billing Address') ?><span class="changelink"> <span class="separator">|</span> <a
        href="#billing"
        onclick="checkout.changeSection('opc-billing'); return false;"><?php echo $this->__('Change') ?></a></span>
</dt>
<dd class="complete">
    <address><?php echo $this->getBilling()->format('html') ?></address>
</dd>
<?php else: ?>
<dt>
    <?php echo $this->__('Billing Address') ?>
</dt>
<?php endif; ?>

after that removing all source code from this file

<?php
//nothing to show

I had to write a simple magento extension to update billing address for all registered customers.

app/code/local/Beehexa/Customerbilling/etc/config.xml
<?xml version="1.0" encoding="UTF-8"?>
<config>
    <modules>
        <Beehexa_Customerbilling>
            <version>0.1.0</version>
        </Beehexa_Customerbilling>
    </modules>	
    <global>	
        <customerbilling>
                <class>Beehexa_Customerbilling_Model</class>
        </customerbilling>	
        <events>
            <customer_save_before>
                <observers>
                    <Beehexa_Customerbilling>
                        <type>singleton</type>
                        <class>Beehexa_Customerbilling_Model_Observer</class>
                        <method>updateCustomerBilling</method>
                    </Beehexa_Customerbilling>
                </observers>
            </customer_save_before>
            
            <customer_register_success>
                <observers>
                    <Beehexa_Customerbilling>
                        <type>singleton</type>
                        <class>Beehexa_Customerbilling_Model_Observer</class>
                        <method>updateCustomerBilling</method>
                    </Beehexa_Customerbilling>
                </observers>
            </customer_register_success>            
            
        </events>	
    </global>	
</config>
app/code/local/Beehexa/Customerbilling/Model/Observer.php
<?php

class Beehexa_Customerbilling_Model_Observer {

    public function updateCustomerBilling($event) {
        $customer = $event->getCustomer();
        if($customer->getId())
        {
            $address = $customer->getPrimaryBillingAddress();
        } else {
            return;
        }
        
        if ($address)
            return;
        
        $data = [
            'street' => 'default street',
            'company' => 'company',
            'postcode' => '55555',
            'region' => 'Georgia',
            'region_id' => '19',
            'city' => 'Atlanta',
            'firstname' => $customer->getFirstname(),
            'lastname' => $customer->getLastname(),
            'telephone' => '000000000',
            'country_id' => 'US'
        ];
        try {
            $address = Mage::getModel('customer/address');
            $address->setCustomer($customer);
            $address->addData($data);
            $address->save();
            $customer->addAddress($address)
                    ->setDefaultBilling($address->getId())
                    ->save();
        } catch (Exception $ex) {
            Mage::logException($ex);
        }
    }

}

I hope this post can save you time for hiding billing section from magento checkout page.

Table of Contents

Ready to integrate and automate at scale ?

Learn how HexaSync lets you build enterprise-grade integrations and automations without having to code.

Receive Exclusive Productivity Tips Directly in Your Inbox

We’ll email you 1-3 times per week—and never share your information.

Get started for free

You can’t add more hours to the day. Beehexa is the next best thing.