Create first simple custom Magento module

  • magento custom search module

Part of customizing Magento is, of course, creating custom Modules. These allow you to inject functionality anywhere, whether in a “static” block fashion that’s more than static, or a shipping/payment module, or large module to do something as large as integrating a 3rd party system (or multiple systems).

There are many things custom Modules can do, from editing your Database, to handling module upgrades to overriding classes (Blocks, Controllers, Models) … and more!

This blog post is a very basic start on creating your own custom module and hooking it up to a phtml file in your own theme.

I will be creating a Fido Example module. ‘Fido’ is the namespace (vs Mage), ‘Example’ is the module (vs Catalog, Page, Core, Shipping etc).
Step One

Inform Magento that you have a custom module.
app/etc/modules/Fido_All.xml Notice the _All in the xml file name. I can declare all of my modules here. (Say I have more than Example, I can also declare my Example2 module in this file).

01.<?xml version=”1.0″?>
02.<config>
03.<modules>
04.<Fido_Example>
05.<active>true</active>
06.<codePool>local</codePool>
07.</Fido_Example>
08.</modules>
09.</config>

I have informed Magento that I have an active module (you can turn it off from here by setting ‘active’ to false. I have also informed Magento that it is located in the ‘local’ code pool.
Step Two

Configure your new module. Note the file locations (need to create directories as necessary).
app/code/local/Fido/Example/etc/config.xml
I have informed Magento of my module version (it’s an arbitrary version). Version matters when you set up your module to be update-able. (A newer version will inform Magento to run the update files if you have them).

I have also informed Magento that my module contains block files which are found in fido/example/block. My class name will have “Fido_Example_Block”. If you want to see the many possibilities of stuff that goes in here, check out Mage config files (such as Catalog/etc/config.xml). You’ll also see other xml files in there. Those explanations are for another post.
Step Three

Here is my block code. It doesn’t really do anything, but shows some functionality.
app\code\local\Fido\Example\Block\View.php
view source
print?
message = $msg;
}

public function receiveMessage() {
if($this->message != ”) {
return $this->message;
} else {
$this->createMessage(‘Hello World’);
return $this->message;
}
}

protected function _toHtml() {
$html = parent::_toHtml();

if($this->att = $this->getMyCustom() && $this->getMyCustom() != ”) {
$html .= ‘
‘.$this->att;
} else {
$html .= ‘
No Custom Attribute Found’;
}

return $html;
}
}

The function receiveMessage() just returns “Hello World”
The function _toHtml() is responsible for outputting the template associated with the block. Make sure you run paret::_toHtml and return it as part of any other items returned in that function!
Step Four

Here we create our template (phtml) file.
app\design\frontend\default\fido\template\example\view.phtml
view source
print?

This is the output of the fido example:
receiveMessage();
?>

This just outputs some HTML and also runs the receiveMessage() function from our block (view.php).

Two caveats here. By placing our view.phtml file in it’s location, we have created our own theme. You must make sure that
a) Magento knows about your theme (Admin->System->Design)
and
b) If you use the this block in a CMS page, you set the CMS page to use your theme (Admin->CMS->Manage Pages->’Your Page’->Custom Design->Custom Theme drop down)

You’re custom module is now ready for use.

In a cms page, add this to your content:
view source
print?
{{block type=”fido_example/view” my_custom=”Test” template=”example/view.phtml” }}

Or something like this in the Layout Update XML area (Custom Design area in a CMS page)
view source
print?

//this will add your block in the right column

Now you should successfully have your block and the Hello World message being displayed (on your CMS page).

Comments

Leave a Reply

Your email address will not be published.

11 − six =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Security Code: