OpenCart. Ejercicios (2)

El objetivo de estos ejercicios es poner en marcha un pequeña tienda ficticia con OpenCart. La tienda que se pretende crear es una tienda de informática que ofrece cursos, diseño y alojamiento de aplicaciones web a sus clientes.

Los ejercicios se deben realizar de forma sucesiva, puesto que están encadenados.

Se pueden consultar las soluciones de estos ejercicios de OpenCart, aunque se recomienda intentar realizarlos primero sin recurrir a estas soluciones.

Antes de realizar estos ejercicios es necesario haber realizado antes los ejercicios (1) de OpenCart en los que se pone en marcha OpenCart.

OpenCart (2) 1 - Configurar la tienda predeterminada

  1. Nombre, icono y configuración de la tienda
    • Modifique el nombre, icono y configuración de la tienda predeterminada Your store para obtener el siguiente resultado:

      OpenCart. Configuración de la tienda 3

    • Puede utilizar los siguientes valores:
      • General:

        Título Meta: Tienda de WebApps

      • Tienda:

        Nombre de la tienda: Tienda WebApps

        Gerente de la tienda: [Su nombre]

        Dirección: Avda del Ciberespacio, s.n.

        Email: admin@example.com

        Teléfono: 123456789

        Imagen: Por ejemplo: OpenCart. Ejemplo de logotipo para la tienda

      • Local:

        País: Spain

        Ciudad / Provincia: Valencia

        Idioma: Español

        Idioma de Administración: Español

        Moneda: Euro

        Tipo de Medida: Centimeter

        Tipo de Peso: Kilogram

      • Imagen:

        Logotipo de tienda: Por ejemplo: OpenCart. Ejemplo de logotipo para la tienda

        Icono: Por ejemplo: favicon webapps 48x48

  2. Moneda
    • OpenCart ofrece la posibilidad de cambiar la moneda en la que se muestran los precios:

      OpenCart. Monedas

    • Deshabilite todas las monedas menos el Euro, de manera que ya no se muestre el selector de moneda:

      OpenCart. Monedas

OpenCart (2) 2 - Crear categorías de productos

Modifique las categorías de productos para obtener el siguiente resultado:

OpenCart. Categorías

OpenCart. Categorías

Para ello,

OpenCart (2) 3 - Añadir productos a la tienda

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


  1. Crear una nueva Zona Geográfica

    OpenCart. Zonas geográficas

    Cree una nueva geográfica con los siguientes datos:

    • Nombre geo zona: España (Península y Baleares)

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

      País: Spain

      Zona: Todas las zonas

  2. Cree una nueva Tasa de Impuestos

    OpenCart. Tasa de Impuestos

    Cree una nueva Tasa de Impuestos con los siguientes datos:

    • Nombre de Impuesto: IVA general

      Valoración de Impuesto: 21

      Tipo: Porcentaje

      Grupo de clientes: Default

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

  3. Crear un nuevo Tipo de Impuesto

    OpenCart. Tipo de Impuesto

    Cree un nuevo Tipo de Impuesto con los siguientes datos:

    • Nombre del Tipo de Impuesto: IVA general

      Descripción: IVA general (España)

      Porcentaje del impuesto: IVA general

      Basado en: Dirección de Envío

  4. Crear un nuevo producto

    OpenCart. Productos

    Cree un nuevo Producto con los siguientes datos:

    • General

      Nombre del producto: Curso en su empresa

      Descripción: Un monitor dará un curso en su empresa de la aplicación web que usted elija.

      Título de Etiqueta Meta: Curso en su empresa

    • Datos

      Imagen: Por ejemplo: Tienda WebApps. Curso en empresa

      Modelo: Curso aplicaciones web en su empresa

      Precio: 100

      Tipo impuesto: IVA general

      Restar del inventario: No

    • Enlaces

      Categorías: Cursos

  5. Crear tres productos más

    OpenCart. Productos

    Cree tres nuevos productos con los siguientes datos:

    • General

      Nombre del producto: Alojamiento web Drupal / Curso a distancia / Plantilla para WordPress

      Descripción: Alojamos su web Drupal en nuestro Centro de Datos / Complete cómodamente desde su casa o trabajo un curso de su aplicación web favorita / Diseñamos la plantilla de WordPress que su web necesita para marcar la diferencia

      Título de Etiqueta Meta: alojamiento Drupal / Curso distancia / diseño Wordpress

    • Datos

      Imagen: Por ejemplo: Tienda WebApps. Alojamiento Drupal Tienda WebApps. Cursos a distancia Tienda WebApps. Diseño WordPress

      Modelo: Alojamiento web Drupal / Curso aplicaciones web a distancia / Plantilla para WordPress

      Precio: 150 / 200 / 400

      Tipo impuesto: IVA general

      Restar del inventario: No

    • Enlaces

      Categorías: Alojamiento / Cursos / Diseño

OpenCart (2) 4 - 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 a un par de productos.

  1. Crear un nuevo banner

    OpenCart. Banners

    • Cree un nuevo Banner con los siguientes datos:
      • Nombre banner: WebApps 1

        Título: Cursos de Aplicaciones Web / Diseño de sitios WordPress

        Enlace: index.php?route=product/product&path=63&product_id=51 (cambie los valores para que enlace al producto Curso a distancia) / index.php?route=product/product&path=63&product_id=52 (cambie los valores para que enlace al producto Plantillas de WordPress)

        Imagen (haga clic en las imágenes siguientes para descargarlas a tamaño 1140x380):

        OpenCart. Banner WebApps 1

        OpenCart. Banner WebApps 1

    • Si al guardar el Banner se muestra un error similar a este:

      Notice: Undefined index: sort_order in opencart_1\admin\model\design\banner.php on line 12Notice: Undefined index: sort_order in opencart_1\admin\model\design\banner.php on line 12Warning: Cannot modify header information - headers already sent by (output started at opencart_1\admin\index.php:80) in opencart_1\system\library\response.php on line 12

      retroceda a la Lista de Banners y complete los datos escribiendo el orden de las imágenes en el banner.

  2. Mostrar el nuevo banner
    • Active el banner creado en el apartado anterior:

      OpenCart. Banners