Soluciones. OpenCart

Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco

OpenCart. SolucionesEn esta leccin se proponen soluciones detalladas de los ejercicios de OpenCart. Se recomienda intentar realizarlos primero sin recurrir a estas soluciones.

Estas soluciones estaban escritas para la versin 1.5.1.3.1 y las estoy actualizando a la versin 1.5.6, pero no he terminado de hacerlo.

OpenCart 1 - Descargar OpenCart OpenCart 2 - Instalar OpenCart OpenCart 3 - Entrar en OpenCart OpenCart 4 - Traducir al espaol OpenCart 5 - Configuracin inicial de OpenCart OpenCart 6 - Crear una nueva categora de productos OpenCart 7 - Aadir varios productos a una categora OpenCart 8 - Modificar el banner central de la pgina

OpenCart 1 - Descargar OpenCart

1. La pgina web de OpenCart es http://www.opencart.com/ .2. La pgina web de descarga de OpenCart es http://www.opencart.com/index.php?route=download/download .

OpenCart es software libre que se distribuye bajo la licencia GPL 3.0.

OpenCart se distribuye en forma de archivo comprimido zip.

La ltima versin disponible actualmente (diciembre de 2013) es la versin 1.5.6 publicada el 25 de julio de 2013. 3. Una vez descargado OpenCart, simplemente se debe copiar el contenido de la carpeta upload en una

carpeta accesible desde el servidor local. En estas soluciones, de acuerdo con las recomendaciones de configuracin general de estos apuntes, se supondr que:

m phpBB se encuentra en la carpeta Mis documentos > NombreAlumno > IWB > aplicaciones >opencart m al ejecutar desde Eclipse el fichero index.php de phpBB, se abrir en el navegador la direccin http://

localhost/NombreAlumno/iwb/aplicaciones/opencart/index.php.

Volver al principio de la pgina

OpenCart 2 - Instalar OpenCart

http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (1 de 27) [26/09/2014 10:21:56]


Referencias: Instrucciones de instalacin de OpenCart: http://www.opencart.com/index.php?

route=documentation/documentation&path=4. Archivo install.txt que se encuentra en el archivo comprimido de opencart.

Crear con phpMyAdmin un usuario de MySQL con nombre iwb_opencart_1, contrasea iwb_opencart_1 y base de datos iwb_opencart_1.

Al descomprimir OpenCart, la carpeta se llama upload. Renombrarla como opencart.



Renombrar los archivos config-dist.php y admin/config-dist.php como config.php and admin/config.php, respectivamente.

Abrir opencart/index.php en el navegador. OpenCart detecta que existe el directorio /opencart/install y que es necesario utilizar el asistente de instalacin, que se inicia automticamente:

A continuacin se comentan las opciones a elegir distintas de las predeterminadas en los pasos del instalador: 1. License

Hacer clic en la casilla de verificacin de aceptacin de la licencia.



2. Pre-installation OpenCart indica si el sistema permite la instalacin de OpenCart. Si falta alguna extensin de PHP, ser necesario activarla. Por ejemplo,

Las extensiones se activan en el archivo php.ini del servidor (no el archivo php.ini que hay en la carpeta de OpenCart):

/* php.ini */ ...extension=php_curl.dll ...extension=php_gd2.dll ...extension=php_mysql.dll ...

Una vez reiniciado Apache, al actualizar la pgina se podr ver si todo est correcto:



Configuration Database host: localhost

User: iwb_opencart_1

Password: iwb_opencart_1

Database name: iwb_opencart_1

Username: admin

Password: admin

E-Mail: [email protected] Si todo ha ido bien, se mostrar la pgina final del asistente de instalacin:



Al terminar la instalacin, se puede cerrar la ventana del navegador, pero antes de abrir nuevamente OpenCart, es imprescindible borrar, mover o cambiar el nombre del directorio opencart/install (mejor borrarlo).

Si el sistema tiene PHP 5.5, no se mostrar la pgina final del asistente de instalacin, sino un mensaje de error



Este mensaje se debe a que a partir de PHP 5.5, la extensin mysql que utiliza OpenCart se considera obsoleta (deprecated) y se genera el aviso correspondiente. En realidad en PHP 5.5 la extensin mysql todava est incluida y no se sabe en qu versin dejar de incluirse, pero al generarse el mensaje error la pgina no se puede completar correctamente.

Para resolver este problema se debe instalar una extensin de OpenCart que permita utilizar la biblioteca mysqli en vez de la biblioteca mysql. Actualmente (diciembre de 2013) existen varios drivers para mysqli, algunos gratuitos y otros de pago. Se pueden buscar las versiones gratuitas en: http://www.opencart.com/index.php?route=extension/extension&filter_search=mysqli

Actualmente (diciembre de 2013) se puede descargar e instalar la extensin MySQLiz (http://www.opencart.com/index.php?route=extension/extension/info&extension_id=13041&filter_search=mysqli)

Para instalarla, hay que :m descomprimir el archivo descargado y copiar la carpeta /system en la carpeta /system.m editar los archivos config.php y admin.config.php y modificar el valor de DB_DRIVER

/* config.php y admin/config.php */ ...// DBdefine('DB_DRIVER', 'mysqliz'); ...

Al terminar la instalacin, se puede cerrar la ventana del navegador, pero antes de abrir nuevamente OpenCart, es imprescindible borrar, mover o cambiar el nombre del directorio opencart/install (mejor borrarlo).Volver al principio de la pgina

OpenCart 3 - Entrar en OpenCart

En este ejercicio se trata de comprobar que OpenCart funciona y se puede abrir una sesin como usuario administrador.

Si no existe el directorio /opencart/install, al abrir opencart/index.php en el navegador se mostrar la pgina principal de OpenCart (en ingls):



Para entrar como usuario administrador hay que abrir la direccin /opencart/admin. Entrar como usuario admin y contrasea admin. Se mostrar la pgina principal del usuario administrador:



Para cerrar la sesin en OpenCart como usuario registrado, hay que hacer clic en Logout.


OpenCart 4 - Traducir al espaol

En este ejercicio se trata de instalar la traduccin al espaol y configurar ese idioma para los usuarios. Para simplificar las actividades posteriores, se eliminar el idioma ingls.Referencias:

Archivo leeme.txt que se encuentra en el archivo comprimido de la traduccin.

1. Aadir el idioma espaol m Descarga y copia del paquete de idioma

El paquete original de OpenCart est en ingls. Para que OpenCart est en espaol, es necesario descargar un archivo de traduccin adicional. Actualmente (diciembre de 2013) existen varias versiones de la traduccin al espaol, algunas gratuitas y otras



de pago. Se pueden buscar las versiones gratuitas en http://www.opencart.com/index.php?route=extension/extension&filter_license=0&path=2&filter_search=espa%C3%B1ol

En estas soluciones se ha utilizado la traduccin llamada Spanish Language Pack 1.5.6 para la versin OpenCart 1.5.6

Al descomprimir el archivo descargado, se obtienen dos carpetas /admin/language/spanish y /catalog/language/style, que se tienen que copiar en las carpetas /admin/language y /catalog/language respectivamente.

m Entrar en OpenCart como administrador admin y elegir el men System > Localisation > Languages :

m Al hacer clic en Insert, completar la informacin sobre la traduccin al espaol: Language Name : Espaol

Code: es

Locale: es_ES.UTF-8,es_ES,es-es,es_es,espaol

Image: es.png

Directory: spanish

Filename: spanish

Status: Enabled

Sort order: 2m Al hacer clic en Save, se mostrar el idioma espaol en la lista de idiomas.



m Al abrir opencart/index.php en el navegador se mostrar la pgina principal de OpenCart con las dos banderas de idiomas (espaol e ingls). Haciendo clic en la bandera espaola, se traducirn gran parte de los mensajes generales, pero no los elementos de la tienda (objetos, categoras, etc.):

2. Configurar el idioma espaol como nico idioma m Entrar en OpenCart como usuario administrador y elegir el men System > Settings. En la fila de la



tienda predeterminada Your store, hacer clic en Edit.

m En la pestaa Local, configurar Country, Region, Language, Administration language y Currency a los valores adecuados y hacer clic en Save.



m Al guardar la configuracin local, OpenCart se ver inmediatamente en espaol:

m En Sistema > Localizacin > Idiomas se puede comprobar que el espaol es ahora el idioma predeterminado. Para deshabilitar el idioma ingls, hacer clic en Editar:

m En la pantalla del idioma ingls cambiar el campo Estado a Deshabilitado y hacer clic en Guardar:



m Salir de OpenCart como administrador y comprobar que ya no se puede elegir el idioma ingls en la pgina principal de Opencart:




OpenCart 5 - Configurar la tienda predeterminada

En este ejercicio se trata de completar la traduccin al espaol, personalizando ms elementos iniciales que todava se encuentran en ingls y eligiendo el idioma espaol como predeterminado.

Entrar en OpenCart como usuario administrador y elegir el men System > Settings. En la fila de la tienda predeterminada Your store, hacer clic en Edit.

Se mostrarn las pestaas de configuracin de la tienda:



Configurar una tienda ficticia: m General:

Store Name: Mi tienda

Store Owner: Yo mismo

Address: Avenida del Ciberespacio, s.n.

E-Mail: [email protected]

Telephone: 123456789m Store:

Title: Mi tienda favoritam Local:

Country: Spain

Region / State: Valencia

Language: Espaol

Administration Language: Espaol

Currency: Eurom Image:

Store Logo: Crear un logo. Logo de ejemplo

Icon: Crear un icono. Logo de ejemplo: Al hacer clic en Guardar y actualizar la pgina de la tienda, se vern los cambios realizados:




OpenCart 6 - Crear una nueva categora de productos

En este ejercicio se trata de crear una nueva categora de productos.Para este y otros ejercicios de esta leccin se puede utilizar este conjunto de fotografas de accesorios de papelera.

Descargar las fotografas de accesorios de papelera y descomprimir el archivo zip en la carpeta opencart/image/data (por comodidad, las imgenes deben estar en una carpeta llamada papeleria).

Entrar en OpenCart como usuario administrador y elegir el men Catlogo > Categoras. Hacer clic en Insertar.



Crear la nueva categora: m General

Nombre categora: Papelera

Descripcin: Los mejores suministros de papelera al alcance de todos.m Datos

Imagen: papeleria/papeleria_1.jpg

Arriba: marcar la casilla Comprobar que se ha creado la categora Papelera:




OpenCart 7 - Aadir varios productos a una categora

En este ejercicio se trata de aadir varios productos a la categora creada en la actividad anterior. Previamente, se debe definir el tipo de impuesto IVA general, del 21%, que se aplicar a todos los productos.Para este y otros ejercicios de esta leccin se puede utilizar este conjunto de fotografas de accesorios de papelera.

Entrar en OpenCart como usuario administrador y elegir el men Sistema > Localizacin > Geo Zonas. Hacer clic en Insertar.



Crear una nueva Geo Zona: m Nombre geo zona: Espaa (Pennsula y Baleares)

Descripcin: Espaa (Pennsula y Baleares)

Pas: Espaa

Zona: Todas las zonas Como usuario administrador, elegir el men Sistema > Localizacin > Taxes > Valoracin de impuesto. Hacer

clic en Insertar.

Crear una nueva valoracin de impuestos: m Nombre de Impuesto: IVA general

Valoracin de Impuesto: 21



Tipo: Porcentaje

Grupo de clientes: Default

Zona Geogrfica: Espaa (Pennsula y Baleares) Como usuario administrador, elegir el men Sistema > Localizacin > Taxes > Clases de impuestos. Hacer clic

en Insertar. Nota: Si aparece el mensaje de error Notice: Undefined index: error_permission in ...\opencart\admin\language\spanish\localisation\tax_class.php on line 24, parece deberse a una errata en la lnea 24 del fichero tax_class.php en el que aparecen dos signos de dlar ($$) en vez de uno ($). Corregir la errata y recargar la pgina.

Crear un nuevo tipo de impuesto: m Tax Class Title: IVA general

Description: IVA general (Espaa)

Tarifa impuesto: IVA general Como usuario administrador, elegir el men Catlogo > Productos. Hacer clic en Insertar.



Crear un nuevo producto: m General

Nombre producto: Chinchetas

Descripcin: Caja de 25 chinchetas con clavo del nmero 2.m Datos

Modelo: Chinchetas 01

Precio: 0,60

Tipo impuesto: IVA general

Cantidad: 100

Imagen: papeleria/chichetas_1.jpg

Arriba: marcar la casillam Enlaces

Categoras: Papeleram Imagen

Imagen: papeleria/chichetas_2.jpg / papeleria/chichetas_3.jpg / papeleria/chichetas_4.jpg

Orden aparicin: 1 / 2 / 3 Comprobar que se ha creado el producto Chinchetas:



Aadir el producto Clips de colores:




OpenCart 8 - Modificar el banner central de la pgina

En este ejercicio se trata de modificar el banner central de la pgina para que enlace al producto Clips de colores. Para este y otros ejercicios de esta leccin se puede utilizar este conjunto de fotografas de accesorios de papelera.

Como usuario administrador, elegir el men Sistema > Diseo > Banners. Hacer clic en Insertar.



Crear un nuevo Banner: m Nombre banner: Clips de colores

Ttulo: Clips de colores

Enlace: index.php?route=product/product&path=59&product_id=51 (cambiar los valores para que enlace al producto correcto)

Imagen: papeleria/papeleria_clip_banner_1.jpg Entrar en OpenCart como usuario administrador y elegir el men Extensiones > Mdulos. Hacer clic el

mdulo Diapositivas > Editar



Cambiar el banner: m Banner: Clips de colores

Comprobar que se ha modificado la pgina principal de OpenCart:


Esta pgina forma parte del curso "Aplicaciones web" disponible en http://www.mclibre.org Autor: Bartolom Sintes Marco ltima modificacin de esta pgina: 12 de diciembre de 2013

Esta obra est bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 Espaa.


mclibre.orgSoluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco

Documents

Soluciones. OpenCart