Magento Basics: 2011

Tuesday, 27 December 2011

Creating Block layout and Template

Creating Block Layout and Template In Magento

Step1. Telling Magento that we are creating new module

under app/etc/modules/ Veera_Pradeep.xml
<?xml version="1.0" encoding="UTF-8"?>


<config>
    <modules>
        <Veera_Pradeep>
            <active>true</active>
            <codePool>local</codePool>
        </Veera_Pradeep>
    </modules>
</config>
/*************************/

Step2. Binding all the folder

<?xml version="1.0" encoding="UTF-8"?>

<config>
     <frontend>
        <routers>
            <pradeep>
                <use>standard</use>
                <args>
                    <module>Veera_Pradeep</module>
                    <frontName>pradeep</frontName>
                </args>
            </pradeep>
       </routers>
       
       <layout>
                <updates>
                    <pradeep>
                        <file>pradeep.xml</file>
                    </pradeep>
                </updates>
       </layout>
        
    </frontend>
    <global>
        
        <blocks>
            <pradeep>
            <class>Veera_Pradeep_Block</class>
            </pradeep>
        </blocks>
        
   </global>
</config>
/******************************/
Step3: Writng Controller
<?php
/*
* @author : V.V.N.Pradeep
* @description --
*    Purpose of the document follows.
*
*/
?>
<?php
class Veera_Pradeep_IndexController extends Mage_Core_Controller_Front_Action
{
    public function indexAction()
    {
        $this->loadLayout();
        $this->renderLayout();
    }
}
?>
/******************************/
Step4: Writng Block
<?php
/*
* @author : V.V.N.Pradeep
* @description --
*    Purpose of the document follows.
*        To use custom define layout and template
*/
?>
<?php
class Veera_Pradeep_Block_Naga extends Mage_Core_Block_Template
{
   // this function generate the Mage_Core_Block_Template
    public function _construct() {
       parent::_construct();
     }

     /*The above function is equalent to the below mention function
      *
      *
        public function __construct(){
          if ($this->hasData('template')) {
          $this->setTemplate($this->getData('template'));
         }
       }
      *
      *
      */
}
?>
/******************************/
Step5: Creating Layout
under app/design/frontend/base/default/layout/pradeep.xml
<?xml version="1.0" encoding="UTF-8"?>


<layout version="0.1.0">
    <pradeep_index_index translate="label">
        <label>Welcome Page</label>
        
        <remove name="right"/>
        <remove name="left"/>

        <reference name="root">
            <action method="setTemplate"><template>page/1column.phtml</template></action>
        </reference>
        <reference name="content">
            <block type="pradeep/naga" name="pradeep" template="custom/welcome.phtml"/>
        </reference>
    </pradeep_index_index>

</layout>
/******************************/
Step6: Creating Template
under app/design/frontend/base/default/template/custom/welcome.phtml
<h1>Welocme to Veera Pradeep Blog</h1>

Output:

to see the output type the url into your browser

example:

http://demo.com/magento/pradeep/index/index

Monday, 26 December 2011

Create a module to display "Welocme to Veera Pradeep Blog" in Magetno

Step1. Telling Magento that we are creating new module
The first step is to tell magento that we are going to write a module called pradeep
under veera package name, which u can find in your local codePool.

Always start by writing below mentioned code in app/etc/modules/

syntax:- [your-package-name]_[your-module-name].xml
<?xml version="1.0" encoding="UTF-8"?>


<config>
    <modules>
        <Veera_Pradeep>
            <active>true</active>
            <codePool>local</codePool>
        </Veera_Pradeep>
    </modules>
</config>


/*************************/

Step2. Binding all the folder