# OpenCart

## Carritos de la compra

Los carritos de la compra electrónicos (shopping cart) aparecieron en cuanto la web se convirtió en un medio de masas, en 1994 y son un componente básico de las tiendas de Internet.

En 1999 Amazon obtuvo una famosa patente relacionada con los carritos de la compra electrónicos al patentar el llamado "1-Click buying", es decir, la "compra mediante un sólo clic", que consiste en que el cliente sólo tiene que hacer un clic para realizar la compra, puesto que los datos del comprador ya están registrados anteriormente. Esta patente es válida en Estados Unidos y los programas deben o bien pagar a Amazon o bien hacer que las compras se realicen con varios clics.

Existen muchísimos programas de carritos de la compra, como muestra la siguiente página de Wikipedia: http://en.wikipedia.org/wiki/Comparison_of_shopping_cart_software.

Volver al principio de la página

## Descargar OpenCart

La página web de OpenCart es http://www.opencart.com/.

La página 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 versión disponible actualmente (enero de 2012) es la versión 1.5.1.3.1 publicada el 30 de septiembre de 2011. Esta lección está escrita para esa versión.

Una vez descargado OpenCart, simplemente se debe descomprimir en una carpeta accesible desde el servidor local.

En esta lección, de acuerdo con las recomendaciones de configuración general de estos apuntes, se supondrá que:

- OpenCart se encuentra en la carpeta Aplicaciones Web > opencart
- al ejecutar desde Eclipse algún fichero de OpenCart, se abrirá en el navegador la dirección http://localhost/IWB/WebApps/opencart/.

### OpenCart en español

El paquete original de OpenCart está en inglés. Para que OpenCart esté en español, es necesario descargar un archivo de traducción adicional.

Actualmente (enero de 2012) existen varias versiones de la traducción al español, algunas gratuitas y otras de pago.

Una versión gratuita se puede descargar de http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4501 en forma de archivo comprimido zip.

Volver al principio de la página

## Instalar OpenCart

En este ejercicio se trata de instalar OpenCart.

Referencias:

- Instrucciones de instalación de OpenCart: http://www.opencart.com/index.php?route=documentation/documentation&path=4.

- Crear con phpMyAdmin un usuario de MySQL con nombre iwb_opencart_1, contraseña iwb_opencart_1 y base de datos iwb_opencart_1.
- Al descomprimir OpenCart, la carpeta se llama upload. Renombrarla como opencart.
- Abrir opencart/index.php en el navegador. OpenCart detecta que existe el directorio /opencart/install y que es necesario utilizar el asistente de instalación, que se inicia automáticamente:

- A continuación se comentan las opciones a elegir distintas de las predeterminadas en los pasos del instalador:
  1. License

     Hacer clic en la casilla de verificación de aceptación de la licencia.

  2. Pre-installation

     OpenCart indica si el sistema permite la instalación de OpenCart. Si falta alguna extensión de PHP, será necesario activarla. Por ejemplo,

     Las extensiones se activan en el archivo php.ini:

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

  3. Configuration

     Database host: localhost

     User: iwb_opencart_1

     Password: iwb_opencart_1

     Database name: iwb_opencart_1

     Username: admin

     Password: admin

     E-Mail: admin@example.com

- Si todo ha ido bien, se mostrará la página final del asistente de instalación:

- Al terminar la instalación, 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. (se puede, por ejemplo, renombrarlo como opencart/_install).

Volver al principio de la página

## Entrar en OpenCart

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

- Si no existe el directorio /opencart/install, al abrir opencart/index.php en el navegador se mostrará la página principal de OpenCart (en inglés):

- Para entrar como usuario administrador hay que abrir la dirección /opencart/admin. Entrar como usuario admin y contraseña admin. Se mostrará la página principal del foro para el usuario administrador:

- Para cerrar la sesión en OpenCart como usuario registrado, hay que hacer clic en Logout.

Volver al principio de la página

## Traducir al español

En este ejercicio se trata de instalar la traducción al español y configurar ese idioma para los usuarios. Para simplificar las actividades posteriores, se eliminará el idioma inglés.

Referencias

- Traducción al español de OpenCart 1.5.1.3: http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4501.

- Descargar el idioma español de la página http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4501.
- Al descomprimir el archivo descargado, se obtienen dos carpetas /upload/admin/language/spanish y /upload/catalog/language/atyle, que se tienen que copiar en las carpetas /opencart/admin/language y /opencart/catalog/language respectivamente.
- Entrar en OpenCart como administrador admin y elegir el menú System > Localisation > Languages :

- Al hacer clic en Insert, completar la información sobre la traducción al español:

  Language Name : Español

  Code: es

  Locale: es_ES.UTF-8,es_ES

  Image: es.png

  Directory: spanish

  Filename: spanish

  Status: Enabled

- Al hacer clic en Save, se mostrará el idioma español en la lista de idiomas.

- Al abrir opencart/index.php en el navegador se mostrará la página principal de OpenCart con las dos banderas de idiomas (español e inglés). Haciendo clic en la bandera española, se traducirán gran parte de los mensajes:

- Entrar en OpenCart como administrador admin y elegir el menú Sistema > Localización > Idiomas, seleccionar el idioma inglés y hacer clic en eliminar:

Volver al principio de la página

## Configuración inicial de OpenCart

En este ejercicio se trata de completar la traducción al español, personalizando más elementos iniciales que todavía se encuentran en inglés y eligiendo el idioma español como predeterminado.

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

- Se mostrarán las pestañas de configuración de la tienda:

- Configurar una tienda ficticia:
  - General:

    Store Name: Mi tienda

    Store Owner: Yo mismo

    Address: Avenida del Ciberespacio, s.n.

    E-Mail: mitienda@example.com

    Telephone: 123456789

  - Store:

    Title: Mi tienda favorita

  - Local:

    Country: Spain

    Region / State: Valencia

    Language: Español

    Administration Language: Español

    Currency: Euro

  - Image:

    Store Logo: Crear un logo. Logo de ejemplo

    Icon: Crear un icono. Logo de ejemplo:

- Al hacer clic en Guardar y actualizar la página de la tienda, se verán los cambios realizados:

Volver al principio de la página

## Crear una nueva categoría de productos

En este ejercicio se trata de crear una nueva categoría de productos.

Para este y otros ejercicios de esta lección se puede utilizar este conjunto de fotografías de accesorios de papelería.

- Descargar las fotografías de accesorios de papelería y descomprimir el archivo zip en la carpeta opencart/image/data (por comodidad, las imágenes deben estar en una carpeta llamada papeleria).
- Entrar en OpenCart como usuario administrador y elegir el menú Catálogo > Categorías. Hacer clic en Insertar.

- Crear la nueva categoría:
  - General

    Nombre categoría: Papelería

    Descripción: Los mejores suministros de papelería al alcance de todos.

  - Datos

    Imagen: papeleria/papeleria_1.jpg

    Arriba: marcar la casilla

- Comprobar que se ha creado la categoría Papelería:

Volver al principio de la página

## Añadir varios productos a una categoría

En este ejercicio se trata de añadir varios productos a la categoría creada en la actividad anterior. Previamente, se debe definir el tipo de impuesto IVA general, del 18%, que se aplicará a todos los productos.

Para este y otros ejercicios de esta lección se puede utilizar este conjunto de fotografías de accesorios de papelería.

- Entrar en OpenCart como usuario administrador y elegir el menú Sistema > Localización > Geo Zonas. Hacer clic en Insertar.

- Crear una nueva Geo Zona:
  - Nombre geo zona: España (Península y Baleares)

    Descripción: España (Península y Baleares)

    País: España

    Zona: Todas las zonas

- Como usuario administrador, elegir el menú Sistema > Localización > Taxes > Valoración de impuesto. Hacer clic en Insertar.

- Crear una nueva valoración de impuestos:
  - Nombre de Impuesto: IVA general

    Valoración de Impuesto: 18

    Tipo: Porcentaje

    Grupo de clientes: Default

    Zona Geográfica: España (Península y Baleares)

- Como usuario administrador, elegir el menú Sistema > Localización > 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 línea 24 del fichero tax_class.php en el que aparecen dos signos de dólar ($$) en vez de uno ($). Corregir la errata y recargar la página.

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

    Description: IVA general (España)

    Tarifa impuesto: IVA general

- Como usuario administrador, elegir el menú Catálogo > Productos. Hacer clic en Insertar.

- Crear un nuevo producto:
  - General

    Nombre producto: Chinchetas

    Descripción: Caja de 25 chinchetas con clavo del número 2.

  - Datos

    Modelo: Chinchetas 01

    Precio: 0,60

    Tipo impuesto: IVA general

    Cantidad: 100

    Imagen: papeleria/chichetas_1.jpg

    Arriba: marcar la casilla

  - Enlaces

    Categorías: Papelería

  - Imagen

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

    Orden aparición: 1 / 2 / 3

- Comprobar que se ha creado el producto Chinchetas:

- Añadir el producto Clips de colores:

Volver al principio de la página

## Modificar el banner central de la página

En este ejercicio se trata de modificar el banner central de la página para que enlace al producto Clips de colores.

Para este y otros ejercicios de esta lección se puede utilizar este conjunto de fotografías de accesorios de papelería.

- Como usuario administrador, elegir el menú Sistema > Diseño > Banners. Hacer clic en Insertar.

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

    Título: 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 > Módulos. Hacer clic el módulo Diapositivas > Editar

- Cambiar el banner:
  - Banner: Clips de colores
- Comprobar que se ha modificado la página principal de OpenCart:

Volver al principio de la página

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.