soluciones. opencart
DESCRIPTION
soluciones guia para opencartTRANSCRIPT
-
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]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (2 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (3 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (4 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (5 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (6 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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):
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (7 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (8 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (9 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Para cerrar la sesin en OpenCart como usuario registrado, hay que hacer clic en Logout.
Volver al principio de la pgina
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
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (10 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (11 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (12 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (13 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (14 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
m Salir de OpenCart como administrador y comprobar que ya no se puede elegir el idioma ingls en la pgina principal de Opencart:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (15 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Volver al principio de la pgina
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (16 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (17 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Volver al principio de la pgina
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (18 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (19 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Volver al principio de la pgina
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (20 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (21 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (22 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (23 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Aadir el producto Clips de colores:
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (24 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Volver al principio de la pgina
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (25 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
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
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (26 de 27) [26/09/2014 10:21:56]
-
Soluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco
Cambiar el banner: m Banner: Clips de colores
Comprobar que se ha modificado la pgina principal de OpenCart:
Volver al principio de la pgina
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.
http://www.mclibre.org/consultar/webapps/lecciones/webapps_opencart_1_soluciones.html (27 de 27) [26/09/2014 10:21:56]
mclibre.orgSoluciones. OpenCart. Aplicaciones web. Bartolom Sintes Marco