1

I am working on a horizontal checkout and need to get the shopping on its right side. something like this. Any possible way ? thanksenter image description here

  • is it default magento checkout?? – Amit Bera Aug 18 '14 at 8:25
  • Its the default checkout with minor changes in styles.css to make it horizontal. – Ronika Kaur Aug 18 '14 at 12:15
1

Add this to your layout file

<checkout_onepage_index>
    <reference name="root">
        <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
    </reference>
    <reference name="right">
        <block type="checkout/cart_sidebar" name="cart_sidebar" template="checkout/cart/sidebar.phtml" before="-">
            <action method="addItemRender"><type>simple</type><block>checkout/cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
            <action method="addItemRender"><type>grouped</type><block>checkout/cart_item_renderer_grouped</block><template>checkout/cart/sidebar/default.phtml</template></action>
            <action method="addItemRender"><type>configurable</type><block>checkout/cart_item_renderer_configurable</block><template>checkout/cart/sidebar/default.phtml</template></action>
            <action method="addItemRender"><type>bundle</type><block>bundle/checkout_cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
        </block>
    </reference>
</checkout_onepage_index>

You may need to play around with the css to make it fit your page.
If you need a different markup, then clone the template file checkout/cart/sidebar.phtml to checkout/cart/checkout_sidebar.phtml and replace template="checkout/cart/sidebar.phtml" in the code above with template="checkout/cart/checkout_sidebar.phtml" and do your modifications in there.

  • Where can i find the layout file to copy paste that above code? Can you please explain this in a bit detail, I would really appreciate your help. Or you can pm me on facebook though facebook.com/ronika.kaur93 thanks! – Ronika Kaur Aug 18 '14 at 12:19
  • the file is located in app/design/frontend/base/default/template/checkout/cart/sidebar.phtml – Marius Aug 18 '14 at 12:23
  • I copy paste the above code in the end of sidebar.phtml but no luck. checkout is same as default !! – Ronika Kaur Aug 18 '14 at 12:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.