Present by Thuy in CWI at eXo Platform SEA

1. Magento - Know how what an
eCommerce platform is to complete
your knowledge about web solutions
Luu Thanh Thuy
CWI Team

2. Agenda
- Introduction to Magento
- Architect of Magento
- Customize Magento
+ Developing themes
+ Developing extension
www.exoplatform.com - Copyright 2012 eXo Platform 2

3. Overview of Magento
- Magento: the industry’s most popular platform with over 31% of the current market
share
www.exoplatform.com - Copyright 2012 eXo Platform 3

4. Installing Magento CE
System requirement
Supported Operating Systems: Linux server x86, x86-64
Supported Web Servers: Apache 1.3.x or Apache 2.x
PHP Compatibility: 5.2.13 and above with Safe mode off
MySQL: 4.1.20 and above
www.exoplatform.com - Copyright 2012 eXo Platform 4

5. Introducing Magento Frontend

Overview

Finding the right products

Promotional information

Customer dashboard
www.exoplatform.com - Copyright 2012 eXo Platform 5

6. Introducing Magento backend
• Understanding the scope : Magento CE E enables you to organize your
operations into multiple websites, stores, and store views.
• Supervising Web Store Activities
• Managing Order
• Managing Ratings and Reviews
• Generating Reports
• Setting Up Your Catalog
www.exoplatform.com - Copyright 2012 eXo Platform 6

7. Magento architecture

MVC

Base on Zend Framework

Modules under app/code

Design under app/design

Varien Lib
www.exoplatform.com - Copyright 2012 eXo Platform 7

8. Magento architecture

MVC

Base on Zend Framework

Modules under app/code

Design under app/design

Varien Lib
www.exoplatform.com - Copyright 2012 eXo Platform 8

9. Zend Framework and its role within Magento

What is Zend Framework

It's role and effect in Magento
www.exoplatform.com - Copyright 2012 eXo Platform 9

10. Core code separation
Three folders under app/code
- core is untouchable
- community is for downloadable extensions from Magento Connect
- local is for your own custom modules
www.exoplatform.com - Copyright 2012 eXo Platform 10

11. Modules and how they work within the
system
-Magento primarily works on a base of modules. All functionality is divided up
into modules that make up the system overall.
- Modules included with Magento
• Mage_Admin
• Mage_AdminNotification
• Mage_Api
• Mage_Backup
• Mage_Bundle
• Mage_Catalog
……

12. Create a Magento Extension
Setting up the folder structure of a module
Setting up the folder structure of a module
our module's core folders will be placed in /app/code/local/
HN/Bridalregistry/.
The folder structure breaks down as follows:
• Block/
• controllers/
• etc/
• Model/
Mysql4/
Book/
• sql/
bridalregistry_setup/
www.exoplatform.com - Copyright 2012 eXo Platform 12

13. Create a Magento Extension
Configuring the module
We'll create the file /app/code/local/HN/Bridalregistry/etc/config.xml and fill
it with the following:
<config>
<modules>
<HN_Bridalregistry>
<version>0.1.0</version>
</HN_Bridalregistry>
</modules>
<frontend>
<routers>
<bridalregistry>
<use>standard</use>
<args>
<module>HN_Bridalregistry</module>
<frontName>bridalregistry</frontName>
</args>
</bridalregistry>
<checkout>
<args>
<modules>
<HN_Bridalregistry before="Mage_Checkout">HN_Bridalregistry_Checkout</HN_Bridalregistry>
</modules>
www.exoplatform.com - Copyright 2012 eXo Platform 13

14. Create a Magento Extension
•Layout update
•Translation
•Router
•Helper Model
•Model
www.exoplatform.com - Copyright 2012 eXo Platform 14

15. Create a Magento Extension
How to rewrite the Magento feature
•Rewrite Block
•Rewrite Controller
•Rewite Model
www.exoplatform.com - Copyright 2012 eXo Platform 15

16. Create a Magento Theme
-The template system architecture
The template architecture is broken into three areas—two for development of the
theme and one for the containment of the assets:
• /app/design/frontend/default/<template_name>/
layout/—For all the XML files declaring which module tied
functions should be called to which template files
template/—For all the templates processing the output that
is passed from functions called from layout/ and structured
into the final output to the user.
• /skin/frontend/default/<template_name>/—For the containment
of all assets relating to our template, images, CSS, Flash, and JavaScript.
www.exoplatform.com - Copyright 2012 eXo Platform 16

17. Create a Magento Theme
Structural blocks and content blocks
Each theme contains structural and content blocks. Structural blocks are the ones
that lay out the theme into sections. Let's take a look at a three-column layout.
The following are the structural blocks in a three-column layout:
• header
• left
• content
• right
• footer
www.exoplatform.com - Copyright 2012 eXo Platform 17

18. Question & Answer
www.exoplatform.com - Copyright 2012 eXo Platform 18