Magento
www.ipascual.comIgnacio Pascual (www.ipascual.com) - @ignaciopascual
www.ipascual.comIgnacio Pascual (www.ipascual.com) - @ignaciopascual
www.ipascual.comIgnacio Pascual (www.ipascual.com) - @ignaciopascual Empresas que hemos capacitado
www.ipascual.comIntroducción a Magento ¡Definitivamente lo recomendamos!, no hay en el mercado otra  plataforma eCommerce...
www.ipascual.comVersiones de Magento Community version   No trae soporte, garantía ni indemnización.   No es PCI Compli...
www.ipascual.comInstalando Magento Web servers soportados   Apache 1.3.x / Apache 2.0.x / Apache 2.2.x PHP 5.2.13+    ...
www.ipascual.comMagento Walk-through Ventas Catálogo – Atributos – Productos – Categorías Clientes – Grupo de Clientes...
www.ipascual.comCiclo de vida de una orden     Pending - orden no ha sido procesada     Processing - orden ha sido envia...
www.ipascual.comTipos de productos   Simple   Agrupado   Configurable   Virtual       Productos que no tienen stock. ...
www.ipascual.comInstalando modules / Magento Connect ¿Cuáles instalar?, ¿Qué tan fiables son? ¿Cómo instalar?Ejemplos:  ...
www.ipascual.comActualizando Magento Proceso automático   ./pear install magento-core/Mage_All_Latest   ./pear upgrade-...
www.ipascual.comMigrando Magento Desactivar cache Volcar su información de la base de datos Copiar sistema de archivos...
MagentoCapacitación:- Administración- Diseño- Desarrollo
www.ipascual.comEstructura general de Magento app   code   design   etc   Locale js media skin var
www.ipascual.comMVC (Modelo Vista Controlador) Magento – introducción
www.ipascual.comMVC (Modelo Vista Controlador) Magento – introducción Programación   block   controller   helper   mo...
www.ipascual.comEstructura de archivos para diseño app/design/frontend/{$interfaz}/{$theme}/template folder. app/design/...
www.ipascual.comDiseños y tiendas
www.ipascual.com
www.ipascual.comJerarquía de usoMódulo: Mage_Catalog / Layout: catalog.xml app/design/frontend/ipascual/diamadre/layout ...
www.ipascual.comControl de diseño
www.ipascual.comSituaciones especiales de diseño CMS Categorías Productos
www.ipascual.comNuestra gran ayuda
www.ipascual.comNuestra gran ayuda
www.ipascual.com Layout<checkout_cart_index translate="label">   <label>Shopping Cart</label>   <remove name="right"/>   <...
www.ipascual.com Template / funciones comunes<?php echo $this->_(“Carrito de compra”); ?>$this->getChildHtml("bloque_nombr...
MagentoCapacitación:- Administración- Diseño- Desarrollo
www.ipascual.comFrameworks en Magento
www.ipascual.comOrganización en módulos A diferencia de un MVC común, Magento organiza el código en  una clase superior l...
www.ipascual.comEstructura de un módulo /app/code/local/Paquete   Modulo      Block      controllers      etc       ...
www.ipascual.comControladores http://tutienda.com/catalog/category/view/id/25  1. Front Name: catalog  2. Controlador:   ...
www.ipascual.comConfigurando un controlador para frontend etc/config.xml<frontend>   <routers>     <catalog>      <use>st...
www.ipascual.comCreando un controlador app/controllers/CategoryController.phpclass Mage_Catalog_CategoryController extend...
www.ipascual.comBlock config.xml<global>  <blocks>       <alquiler>                <class>Ipascual_Alquiler</class>      ...
www.ipascual.comConfigurando un Model etc/config.xml<global>      <models>           <alquiler>                   <class>...
www.ipascual.comCreando un Model app/controllers/CategoryController.phpClass Ipascual_Alquiler_Model_Novedades extends Ma...
www.ipascual.comCreando y configurando un Helper etc/config.xml<global>       <helpers>              <alquiler>          ...
www.ipascual.comUsando un Helper Desde template *.phtml<?php $this->helper(”alquiler")->myMethod(); ?> Desde un block / ...
www.ipascual.comSobreescribiendo código de Magento        <global>          <blocks>                <catalog><rewrite><pro...
www.ipascual.comJavascript<form action=“/customer/account/loginPost/" method="post" id="login-form"><label for="email" cla...
www.ipascual.comBase de datosModelos Entidad-Relación & EAV (Entidad Atributo Valor)
www.ipascual.comBase de datosModelo EAV (Entidad Atributo Valor)
www.ipascual.com Blog personal: unexpected [ it ]  www.unexpectedit.com Twitter: @ignaciopascual Facebook: www.facebook...
Upcoming SlideShare
Loading in …5
×

Magento, uso, desarrollo y diseño

2,556 views

Published on

Presentación de iPascual en BogoDev

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,556
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
68
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Magento, uso, desarrollo y diseño

  1. 1. Magento
  2. 2. www.ipascual.comIgnacio Pascual (www.ipascual.com) - @ignaciopascual
  3. 3. www.ipascual.comIgnacio Pascual (www.ipascual.com) - @ignaciopascual
  4. 4. www.ipascual.comIgnacio Pascual (www.ipascual.com) - @ignaciopascual Empresas que hemos capacitado
  5. 5. www.ipascual.comIntroducción a Magento ¡Definitivamente lo recomendamos!, no hay en el mercado otra plataforma eCommerce tan bien estructurada y diseñada como Magento. Nos proporciona versatilidad y libertad a un precio muy competitivo a la competencia. El hecho de ser Open Source hace que muchos desarrolladores a lo largo del planeta conozcamos el código y eviten que usted pierda el soporte necesario a diferencia de otras compañías de codigo propietario. Características  Más de 90.000 tiendas online y más de 3.500 extensiones.  Múltiples tiendas virtuales y compartir todo en una sóla administración  60 idiomas, múltiples divisas e impuestos.  Navegación por capas  Magento tiene SEO  Magento es núcleo, funcionalidad y diseño.
  6. 6. www.ipascual.comVersiones de Magento Community version  No trae soporte, garantía ni indemnización.  No es PCI Compliant Professional Edition $2,995 USD / año Enterprise Edition $10,000 USD / año http://www.magentocommerce.com/product/compare
  7. 7. www.ipascual.comInstalando Magento Web servers soportados  Apache 1.3.x / Apache 2.0.x / Apache 2.2.x PHP 5.2.13+  PDO_MySQL  simplexml  mcrypt  hash  GD  DOM  iconv  curl MySQL 4.1.20 o superior
  8. 8. www.ipascual.comMagento Walk-through Ventas Catálogo – Atributos – Productos – Categorías Clientes – Grupo de Clientes Vouches – Bonos – Promociones Informes
  9. 9. www.ipascual.comCiclo de vida de una orden  Pending - orden no ha sido procesada  Processing - orden ha sido enviada o facturada pero no ambas  Complete - orden está enviada y facturada  Cancelled - ordenes canceladas o no pagadas  Closed - ordenes con devoluciones  On Hold - ordenes paralizadas a la espera de una acción
  10. 10. www.ipascual.comTipos de productos  Simple  Agrupado  Configurable  Virtual  Productos que no tienen stock. No se envían. Por ejemplo: 1 año soporte web.  Bundle  Productos personalizados  Downloadable  Productos para descargar, Magento genera un link encriptado, de ese modo el cliente cuando compra no conoce la situación real del archivo.
  11. 11. www.ipascual.comInstalando modules / Magento Connect ¿Cuáles instalar?, ¿Qué tan fiables son? ¿Cómo instalar?Ejemplos:  TweetButton  Quick Contact  Enhanced Product Grid
  12. 12. www.ipascual.comActualizando Magento Proceso automático  ./pear install magento-core/Mage_All_Latest  ./pear upgrade-all Proceso manual  Desactivar la cache de Magento  Copia de seguridad base de datos  Copia de seguridad de todos los archivos (mantenerla cerca)  Copia de seguridad especial de app/etc/local.xml y media/  Descargar nueva versión y descomprimir en directorio  Sobrescribir app/etc/local.xml y media/  Borrar directorios var/cache y var/session  Abrir el navegador y apuntar a la tienda
  13. 13. www.ipascual.comMigrando Magento Desactivar cache Volcar su información de la base de datos Copiar sistema de archivos Copiar todo al nuevo servidor Asegurar que la tabla core_config_data tenga correctamente configurado "web/unsecure/base_url" y "web/secure/base_url"
  14. 14. MagentoCapacitación:- Administración- Diseño- Desarrollo
  15. 15. www.ipascual.comEstructura general de Magento app  code  design  etc  Locale js media skin var
  16. 16. www.ipascual.comMVC (Modelo Vista Controlador) Magento – introducción
  17. 17. www.ipascual.comMVC (Modelo Vista Controlador) Magento – introducción Programación  block  controller  helper  model Diseño  layout  template
  18. 18. www.ipascual.comEstructura de archivos para diseño app/design/frontend/{$interfaz}/{$theme}/template folder. app/design/frontend/{$interfaz}/{$theme}/layout folder. app/code/{core,local,com…}/{$compañía}/{$modulo}/Block  ¿Qué es interfaz? Colección themes, Ej.: iPascual, Colombia, México…  ¿Qué es theme? Grupo de layout y templates. Ej.: Navidades, día de la madre…  ¿Qué es módulo? Parte de Magento (requerida o no) Ej.: Cliente, bonos, catálogo… ** Ver estructura de diseño más en profundidad **
  19. 19. www.ipascual.comDiseños y tiendas
  20. 20. www.ipascual.com
  21. 21. www.ipascual.comJerarquía de usoMódulo: Mage_Catalog / Layout: catalog.xml app/design/frontend/ipascual/diamadre/layout app/design/frontend/ipascual/default/layout app/design/frontend/base/default/layout¿ Templates, css, js…? app/design/frontend/ipascual/diamadre/template/catalog/product/view.phtml app/design/frontend/ipascual/default/template/catalog/product/view.phtml app/design/frontend/base/default/template/catalog/product/view.phtml
  22. 22. www.ipascual.comControl de diseño
  23. 23. www.ipascual.comSituaciones especiales de diseño CMS Categorías Productos
  24. 24. www.ipascual.comNuestra gran ayuda
  25. 25. www.ipascual.comNuestra gran ayuda
  26. 26. www.ipascual.com Layout<checkout_cart_index translate="label"> <label>Shopping Cart</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="checkout/cart" name="checkout.cart"> <action method="setCartTemplate"><value>checkout/cart.phtml</value></action> </block> <block type="checkout/cart_coupon" name="checkout.cart.coupon" as="coupon"template="checkout/cart/coupon.phtml"/> <block type="checkout/cart_shipping" name="checkout.cart.shipping" as="shipping"template="checkout/cart/shipping.phtml"/> <block type="checkout/cart_crosssell" name="checkout.cart.crosssell" as="crosssell"template="checkout/cart/crosssell.phtml"/> <block type="checkout/cart_totals" name="checkout.cart.totals" as="totals" template="checkout/cart/totals.phtml"/> </block> </reference></checkout_cart_index>
  27. 27. www.ipascual.com Template / funciones comunes<?php echo $this->_(“Carrito de compra”); ?>$this->getChildHtml("bloque_nombre”)<?php echo $this->getChildHtml(breadcrumbs) ?>$this->getChildHtml()<?php echo $this->getChildHtml() ?>- Carga un static block CMS<?php echo $this->getLayout()->createBlock(cms/block)->setBlockId("identificador")->toHtml() ?>$this->getUrl() Devuelve http://127.0.0.1/magento/$this->getUrl(module/controller/action, array(param=>$value))$this->getSkinUrl("images/logo.png");http://127.0.0.1/skin/frontend/your_theme/default/images/logo.png
  28. 28. MagentoCapacitación:- Administración- Diseño- Desarrollo
  29. 29. www.ipascual.comFrameworks en Magento
  30. 30. www.ipascual.comOrganización en módulos A diferencia de un MVC común, Magento organiza el código en una clase superior llamada módulo  app/code/core/Mage/Newsletter  app/code/core/Mage/Checkout Cuando creamos o modificamos secciones en Magento lo haremos en  app/code/local/Paquete/Modulo (Paquete es llamado también como Namespace o nombre compañía) Hacemos saber al sistema de la existencia de un módulo a través de un archivo XML en  app/etc/modules Este archivo se nombrará  Paquete_Modulo.xml  Paquete_All.xml
  31. 31. www.ipascual.comEstructura de un módulo /app/code/local/Paquete  Modulo  Block  controllers  etc  config.xml  system.xml  Helper  Model  Sql /etc/modules
  32. 32. www.ipascual.comControladores http://tutienda.com/catalog/category/view/id/25 1. Front Name: catalog 2. Controlador: app/code/core/Mage/Catalog/controllers/CategoryController.php 3. Acción – vista: public function viewAction() { … } 4. Parámetros: id/25 Jerarquía de llamada 1. Busca un controlador especificado en frontend 2. Busca un controlador especificado en admin 3. Busca en categorías / productos 4. Busca una coincidencia en Mage_Cms_IndexController 5. Devuelve el CMS especificado para 404
  33. 33. www.ipascual.comConfigurando un controlador para frontend etc/config.xml<frontend> <routers> <catalog> <use>standard</use> <args> <module>Mage_Catalog</module> <frontName>catalog</frontName> </args> </catalog> </routers></frontend>
  34. 34. www.ipascual.comCreando un controlador app/controllers/CategoryController.phpclass Mage_Catalog_CategoryController extends Mage_Core_Controller_Front_Action{ public function viewAction() { // … }}
  35. 35. www.ipascual.comBlock config.xml<global> <blocks> <alquiler> <class>Ipascual_Alquiler</class> </alquiler> </blocks> … Clase PHP class Ipascual_Alquiler_Block_Alquiler extends Mage_Core_Block_Template { … }
  36. 36. www.ipascual.comConfigurando un Model etc/config.xml<global> <models> <alquiler> <class>Ipascual_Alquiler_Model</class> </alquiler> </models> …
  37. 37. www.ipascual.comCreando un Model app/controllers/CategoryController.phpClass Ipascual_Alquiler_Model_Novedades extends Mage_Core_Model_Abstract{ public function getNovedades() { // … }}
  38. 38. www.ipascual.comCreando y configurando un Helper etc/config.xml<global> <helpers> <alquiler> <class>Ipascual_Alquiler_Helper</class> </alquiler> </helpers> … Helper/Data.phpclass Ipascual_Alquiler_Helper_Data extends Mage_Core_Helper_Abstract{…}
  39. 39. www.ipascual.comUsando un Helper Desde template *.phtml<?php $this->helper(”alquiler")->myMethod(); ?> Desde un block / model / controller…Mage::helper("alquiler/data")->myMethod();
  40. 40. www.ipascual.comSobreescribiendo código de Magento <global> <blocks> <catalog><rewrite><product_view>Ipascual_Mymodule_Block_Product_View</product_view></rewrite> <rewrite><product_list_toolbar>Ipascual_Mymodule_Block_Product_List_Toolbar</product_list_toolbar></rewrite> </catalog> </blocks> </global>
  41. 41. www.ipascual.comJavascript<form action=“/customer/account/loginPost/" method="post" id="login-form"><label for="email" class="required"><em>*</em>Dirección de correoelectrónico</label><input type="text" name="login[username]" value="" id="email" class="input-textrequired-entry validate-email" title="Dirección de correo electrónico" />…<script type="text/javascript"> //<![CDATA[ var dataForm = new VarienForm(login-form, true); //]]> </script>
  42. 42. www.ipascual.comBase de datosModelos Entidad-Relación & EAV (Entidad Atributo Valor)
  43. 43. www.ipascual.comBase de datosModelo EAV (Entidad Atributo Valor)
  44. 44. www.ipascual.com Blog personal: unexpected [ it ] www.unexpectedit.com Twitter: @ignaciopascual Facebook: www.facebook.com/ipascualcom

×