design a 3 column footer

3 Answers

1. 
   

   
   

   Guilio Del Fava on Jan 27, 2011 Reply

   You will need to modify you footer.phtml file of your template by adding the code:

   <div class="footer-container">
       <div class="footer">
   	<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('footer_links')->toHtml() ?>
   	<div class="clear"></div>/div>

   Then create a static block called footer_links and add the following code:

   <div class="box informational">
   <ul>
   <li>
   <p style="font-size: 16px; color: white;">Find us Here</p>
   <ul>
   <li><a href="http://directory.onlineshopping.co.za/">S.A. Business Directory</a></li>
   <li><a href="http://www.shopmania.co.za/?m=265">Shopmania</a></li>
   <li><a href="http://www.jump.co.za/">Jump Shopping</a></li>
   <li><a href="http://www.onlineshopping.co.za/">Online Shopping</a></li>
   <li><a href="http://www.pricecheck.co.za/">Pricecheck</a></li>
   <li><a href="http://www.oneshop.co.za/">Oneshop</a></li>
   </ul>
   </li>
   <li>
   <p style="font-size: 16px; color: white;">Connect with Us</p>
   <ul>
   <li><a href="{{store direct_url="catalogsearch/advanced"}}">Advanced Search</a></li>
   <li><a href="{{store direct_url="contacts"}}">Contact Us</a></li>
   <li><a href="{{store direct_url="blog"}}">Blog</a></li>
   <li><a href="http://www.twitter.com">follow us on twitter</a></li>
   <li><a href="http://www.facebook.com/">join us on facebook</a></li>
   </ul>
   </li>
   <li>
   <p style="font-size: 16px; color: white;">Security &amp; Privacy</p>
   <ul>
   <li><a href="{{store direct_url="customer-service#answer2"}}">Privacy Policy</a></li>
   <li><a href="{{store direct_url="customer-service"}}">Terms &amp; Conditions</a></li>
   <li><a href="{{store direct_url="age-ratings"}}">Age Ratings Info</a></li>
   <li><a href="{{store direct_url="3dsecure"}}">3D Secure Info</a></li>
   <li><a href="{{store direct_url="ukash-info"}}">Ukash Payment Info</a></li>
   </ul>
   </li>
   <li class="last">
   <p style="font-size: 16px; color: white;">Shipping &amp; Returns</p>
   <ul>
   <li><a href="{{store direct_url="customer-service#answer1"}}">Delivery Information</a></li>
   <li><a href="{{store direct_url="customer-service#answer4"}}">Ordering</a></li>
   <li><a href="{{store direct_url="customer-service#answer3"}}">Returns Policy</a></li>
   <li><a href="{{store direct_url="payment-options"}}">Payment Options</a></li>
   </ul>
   </li>
   </ul>
   </div>

   This is the code I have used on my store http://www.gamejunction.co.za. But you are welcome to modify it to suite your needs.

   +1 Votes 1 Votes  0 Votes

2. 
   

   
   

   coentrast on Jan 27, 2011 Reply

   Hi Guilio Del Fava,

   This is what I mean yeah, I was very very close with coding it in my footer.phtml =)
   Thanx for the input helped me a lot!
   Cheers

   0 Votes 0 Votes  0 Votes

3. 
   

   
   

   Rodrigo Santos on Oct 16, 2012 Reply

   Hello my name is Rodrigo and I’m from brasil , I ‘ know the code for colns in footer Hehe (:

   Its very eazy

   sory for my english kkk

   Paste in your blok ” footer_links ” (Admin Magento) :

   <table Exemple.">
   <tr>
   <th id="ex31a_col_jun">Junho</th>
   <th id="ex31a_col_jul">Julho</th>
   <th id="ex31a_col_ago">Ago</th>
   </tr>
   <tr>
   <td headers="ex31a_col_jun">R$ 1,97</td>
   <td headers="ex31a_col_jul">R$ 2,02</td>
   <td headers="ex31a_col_ago">R$ 2,02</td>
   </tr>
   </table>

   and ajust your table manually ! Att Rodrigo Santos

   0 Votes 0 Votes  0 Votes