Magento – How to create a custom one-page checkout

In case anyone is interested in this I am sharing how I did this. Feel free to ask any further questions if any aspect of it is not clear.

In the backend where you activate gift messages you have the option to display two types of gift message. One is the normal gift message and the other is an individual product gift message.

I enabled the individual gift message and inside giftmessage/inline.phtml I had to make a few changes. The out of the box solution for individual gift messages displays a form for each product in the checkout as the name would suggest. I basically put a break in the loop after the first form for the first product is displayed. I also made a few edits to the html but after this it was pretty much done.

The Christmas message then shows up on the order sheet in the back end as being related to an individual product but for the store manager this is enough to identify that it is not a normal gift message.

I'm aware this is a bit of a hack but Christmas is not an ongoing event so spending too much time perfecting this seemed unnecessary.

The cleanest way to do this is will use observers and custom layout XML. For that you will need to create your own extension. Inchoo has a nice hello world article that should get you started and you can read more about observers in this Magento Board post.

You will need to hook the controller_action_layout_load_before event. Add this to your config.xml.

<controller_action_layout_load_before>
    <observers>
        <[module]>
            <type>singleton</type>
            <class>[module]/observer</class>
            <method>addLayoutHandleObserver</method>
        </[module]>
    </observers>
</controller_action_layout_load_before>

Your Observer would use your code to check for the specific product and if present add a layout handle to the generate Layout XML. This will enable us to target it from a layout xml file.

class [Namespace]_[Module]_Model_Observer
{
    public function addLayoutHandleObserver(Varien_Event_Observer $observer)
    {

        $items = Mage::getSingleton('checkout/session')->getQuote()->getAllItems();

        $logo_cart = false;
        foreach ($items as $_item) 
        {
            $get_attributes = $_item->getProduct()->getTypeInstance(true)->getOrderOptions($_item->getProduct());
            $attributes = $get_attributes['attributes_info'];
            foreach($attributes as $attribute) {
                if($attribute['value'] == 'Has Logo') {
                    $logo_cart = true;
                    break;
                }
            }
           if ($logo_cart) break;
        }

        if ($logo_cart)
        {
            $layout = $observer->getAction()->getLayout();
            $layout->getUpdate()->addHandle('checkout_has_logo');
            $layout->generateXml();
        }

        return $this;
    }
}

Now we can add some custom layout updates from, for example, the local.xml.

<checkout_has_logo>
    <reference name="checkout.onepage">
        <action method="setTemplate"><template>checkout/onepage_logo.phtml</template></action>
    </reference>
</checkout_has_logo>