Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. OpenCart
Code

Un vistazo al nuevo OpenCart 2.0

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Desde hace un tiempo, OpenCart ha sido un popular framework de comercio electrónico para tiendas online de nivel pequeño a medio. Recientemente con el lanzamiento de la versión 2.0, ha alcanzado un nuevo hito. En éste tutorial, veremos algunas de las magníficas nuevas características incorporadas en la versión más reciente.

Diseño Responsivo Integrado

El diseño responsivo ha llegado a ser una característica primordial para cualquier framework en tiempos recientes. La versión más reciente de OpenCart no es la excepción. Se ve excepcionalmente bien y se adapta a las diferencias entre varios dispositivos. El resultado es que verás una interfaz front-end amigable al usuario a través de varios dispositivos como teléfonos móviles, tabletas y computadoras de escritorio.

Veamos cómo se aprecia el diseño para dispositivos móviles.

Mobile Front-End

Y créeme, no es solo el front-end-¡la sección back-end también se ve genial!

Mobile Back-End

Sistema de Modificación OCMOD

Si has trabajado con la versión anterior de OpenCart, probablemente conoces la palabra "vQmod". Si no estás familiarizado con ella, te permite alterar los archivos fuente de OpenCart usando el sistema de modificación basado en el archivo XML.

En la versión más reciente de OpenCart, un sistema similar "OCMOD" está disponible, el cual está basado en el mismo sistema "vQmod". Como "OCMOD" está integrado en el núcleo mismo de OpenCart, no se requiere una instalación separada del módulo "vQmod".

Integración de la Librería Bootstrap

Aunque ya hemos mencionado que la versión más reciente de OpenCart es totalmente responsiva, vale la pena notar que Bootrstrap 3 está ahora integrado en el mismo núcleo, lo que representa un enorme impulso para desarrolladores front-end.

Soporte de Font Awesome

Si eres un desarrollador front-end, probablemente estás consciente del paquete de herramientas "Font Awesome". De acuerdo a su sitio oficial, ¡proporciona mas de 479 íconos al momento!

Font Awesome te ofrece íconos vectoriales redimensionables que puede ser instantáneamente personalizados-tamaño, color, sombras paralelas, y cualquier cosa que se pueda hacer con el poder de CSS.

También está integrado como parte del núcleo en OpenCart 2.0, lo que enriquece la apariencia y la sensación del front-end.

Mejores de UI a la Interfaz de Administración

La interfaz de la sección de administración es completamente remplazada con una impresionante nueva interfaz responsiva. La navegación es más intuitiva y placentera. También, la interfaz para el catálogo y el manejo de productos ha sido mejorada, y el filtrado para la Interfaz de Usuario también se ha mejorado.

UI Improvements in the Back-End

Instalación de Extensiones más sencilla

Un "Instalador de Extensiones" integrado es un complemento realmente poderoso en la versión más reciente de OpenCart. Elimina el fastidio de subir archivos manualmente al servidor usando FTP o algo similar. Aparte de ésto, se ha hecho el proceso de instalación mucho más fácil, específicamente para los novatos o editores back-end que no se sienten muy cómodos con el proceso de instalación de extensiones manualmente.

Extension Installer

Integración de Patrón Observador de Eventos

"Eventos (notificaciones por medio de script)" es la característica más destacada de OpenCart 2.0, que realmente mejora la extensibilidad del framework de OpenCart. Es como una característica alienígena para tí, dejame decirte que es uno de los patrones más poderosos seguido en el mundo de programación orientada a objetos llamado "Patrón Observador de Eventos".

El patrón observador es un patrón de diseño de software en el que un objeto, llamado el sujeto, mantiene una lista de su dependientes, llamados observadores, y les notifica automáticamente de cualquier cambio en el estado, generalmente al llamar a uno de sus métodos. Se utiliza principalmente para implementar eventos distribuídos que manejan sistemas.

En el núcleo del framework OpenCart, hay numerosos eventos disponibles a los que puedes escuchar. Como un ejemplo, digamos que cuando una orden es colocada en tu tienda querrías enviar la información relacionada a la orden a la herramienta de terceros que reporta. En ese caso podrías registrar tu módulo con el evento post.order.add. Así que cada vez que se coloca una nueva orden, llamará a un cierto fragmento de código en tu módulo donde puedes usar el objeto order para hacer las acciones necesarias.

Notificaciones del Dashboard

Dashboard Notifications

Como editor o administrador de back-end, quisieras tener a la mano las estadísticas de tu tienda front-end. En la nueva versión, una sección de notificación es visible una vez que ingresas en el back-end de OpenCart. Resalta las rápidas y útiles estadísticas de la tienda resumidas.

Como ejemplo, verás aprobaciones pendientes para clientes, afiliados y órdenes. También proporciona cifras concernientes a productos que ya no hay en el inventario y al estado de las órdenes de ventas.

Adición de Pasarelas de Pago

Aunque la versión anterior de OpenCart proporcionaba más de 20 métodos de pago en el mismo núcleo, la versión reciente añade unos cuantos procesadores de pago. Aquí está la lista de los nuevos métodos de pago disponibles en OpenCart 2.0.

  • Páginas de Pago de Secure Trading
  • Servicio Web Secure Trading
  • First Data EMEA Connect (autenticación 3D Secure habilitada)
  • Servicio Web API de First Data EMEA
  • Realex integración redireccionada
  • Realex integración remota
  • Formulario Alojado de BluePay
  • BluePay redireccionado (Requiere SSL)

Campos Personalizados

Custom Fields

¿Alguna vez quisiste agregar más campos de datos al formulario de registro predeterminado del front-end de OpenCart para recabar más información específica del cliente? La característica "Campos Personalizados" ahora está disponible en el núcleo de la versión más reciente. Te ayudaré a agregar nuevos campos personalizados a las páginas de registro y perfil del usuario.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.