5 column footer

Posted on 2012-09-16
Last Modified: 2012-09-16
Hi guys,

I am currently developing a custom theme for my Magnto Store and would like to know how I could go about integrating elements from a paid theme into my custom magneto theme.

In particular is a 5 column footer that I would like to use but not sure how to go about recreating it in my custom theme.

Does anyone know if it possible and how I might set about doing this?

Please let me know, as always your thoughts and suggestions are welcomed...
Question by:rafique12
    LVL 42

    Expert Comment

    by:Chris Stanyon
    It really depends on what you want in your footer and how you want to manage it.

    The simplest method would be to create a template in your template folder, and then render it by adding a block in your local.xml file. You then style the HTML using CSS.

    Let us know more about what you're after, and we can probably offer some specific solutions.

    Author Comment

    Thankyou, I have purchased this theme but will not be using it for my magento store.

    I would like to use the footer and the product grid as it looks much nicer in terms of layout compared to what I have at the moment...

    Any ideas?
    LVL 42

    Accepted Solution

    OK. With Magento there are a few different ways of achieving this. By default, Magento creates a block called footer and then renders it to your page using the footer.phtml template with the call - $this->getChildHtml('footer'). Inside the footer.phtml you will have a call to getChildHtml() which will in turn render all the child blocks of footer.

    You add child blocks to this footer block by creating your own new layout blocks, preferably in the local.xml. In local.xml, under the default handle, you'll need to add something like the following:

    <reference name="footer">
        <!-- create a block that will load the siteDesign.phtml tempalte (static html) -->
        <block type="core/template" name="" as="siteDesign" template="page/siteDesign.phtml" translate="label">
            <label>Site Design</label>
            <action method="setElementClass"><value>site-design</value></action>
        <!-- create a block for the newsletter, using the subscribe.phtml template -->
        <block type="newsletter/subscribe" name="footer.newsletter" template="newsletter/subscribe.phtml"/>
        <!-- create a block to include one of your Static blocks, which you can edit in the backend -->
        <block type="cms/block" name="cms_footer_address" after="footer_links">
            <action method="setBlockId"><block_id>footer_address</block_id></action>

    Open in new window

    That code will create three new block in your footer and render them to your webpage. It's up to you to then style them using CSS.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Free Trending Threat Insights Every Day

    Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

    Browsing the questions asked to the Experts of this forum, you will be amazed to see how many times people are headaching about monster regular expressions (regex) to select that specific part of some HTML or XML file they want to extract. The examp…
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

    794 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now