OpenCart - Ejercicios (2) - Soluciones

En esta lección se proponen soluciones detalladas de los ejercicios (2) de OpenCart. Se recomienda intentar realizarlos primero sin recurrir a estas soluciones.

OpenCart (2) 1 - Configurar la tienda predeterminada

  1. Nombre, icono y configuración de la tienda
    • Como usuario administrador elija el menú Sistema > Configuración. En la fila de la tienda predeterminada Your store, haga clic en Editar.

      OpenCart. Configuración de la tienda 1

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

      OpenCart. Configuración de la tienda 2

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

      OpenCart. Configuración de la tienda 3

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

      OpenCart. Monedas

    • Para ocultar una moneda, entre en OpenCart como usuario administrador y elija menú Sistema > localización > Monedas. Haga clic en el botón Editar correspondiente:

      OpenCart. Monedas

    • Deshabilite la moneda y haga clic en Guardar:

      OpenCart. Monedas

    • La moneda deshabilitada ya no se mostrará en el selector de moneda:

      OpenCart. Monedas

    • Si se deshabilitan todas las monedas menos una, ya no se mostrará el selector de moneda:

      OpenCart. Monedas

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

En este ejercicio se trata de crear tres categorías de productos.

  1. Eliminar categorías de productos
    • La categorías principales se muestran en el menú superior:

      OpenCart. Categorías

    • Para eliminar las categorías, como usuario administrador, elija el menú Catálogo > Categorías. Marque todas las casillas y haga clic en borrar:

      OpenCart. Categorías

    • Una vez borradas todas las categorías, la lista aparecerá vacía:

      OpenCart. Categorías

    • El menú superior habrá perdido todos sus elementos:

      OpenCart. Categorías

  2. Crear nuevas categorías de productos
    • Como usuario administrador, elija el menú Catálogo > Categorías. Haga clic en Insertar.

      OpenCart. Categorías

    • Cree la nueva categoría introduciendo los datos en los campos correspondientes y haga clic en Guardar:

      OpenCart. Categorías

    • La nueva categoría se mostrará en la lista de categorías:

      OpenCart. Categorías

    • La categoría se mostrará en el menú principal:

      OpenCart. Categorías

    • Una vez creadas las tres categorías, se deberán ver en el menú principal:

      OpenCart. Categorías

    • Si no se ha indicado el orden, las categorías se muestran en orden alfabético:

      OpenCart. Categorías

    • Editando la categoría, en el apartado Orden de la pestaña Datos se puede establecer el orden::

      OpenCart. Categorías

    • Una vez establecido el orden de las categorías ...

      OpenCart. Categorías

    • .. estas aparecerán en el orden deseado en el menú:

      OpenCart. Categorías

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

  1. Crear una nueva Zona Geográfica
    • Como usuario administrador, elija el menú Sistema > Localización > Zonas Geográficas. Haga clic en Agregar.

      OpenCart. Zonas geográficas

    • Introduzca los datos de la nueva Zona Geográfica y haga clic en Guardar:
      • Nombre de la Zona Geográfica: España (Península y Baleares)

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

        País: Spain

        Zona: Todas las zonas

      OpenCart. Zonas geográficas

    • La nueva Zona Geográfica se verá en la lista de Zonas Geográficas:

      OpenCart. Zonas geográficas

  2. Crear una nueva Tasa de Impuestos
    • Como usuario administrador, elija el menú Sistema > Localización > Impuestos > Rango de impuestos. Haga clic en Agregar.

      OpenCart. Tasa de Impuestos

    • Introduzca los datos de la nueva Tasa de impuestos y haga clic en Guardar:
      • Nombre de Impuesto: IVA general

        Tasa de Impuesto: 21

        Tipo: Porcentaje

        Grupo de clientes: Default

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

      OpenCart. Tasa de Impuestos

    • La nueva Tasa de Impuestos se verá en la lista de Tasas de Impuestos:

      OpenCart. Tasa de Impuestos

  3. Crear un nuevo Tipo de Impuesto
    • Como usuario administrador, elija el menú Sistema > Localización > Impuestos > Tipo de impuesto. Haga clic en Agregar.

      OpenCart. Tipo de Impuesto

    • Introduzca los datos del nuevo Tipo de Impuesto y haga clic en Guardar:
      • 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

      OpenCart. Tipo de Impuesto

    • El nuevo Tipo de Impuesto se verá en la lista de Tipos de Impuesto:

      OpenCart. Tipo de Impuesto

  4. Crear un nuevo producto
    • Para eliminar los productos de ejemplo, como usuario administrador elija el menú Catálogo > Productos. Marque todas las casillas y haga clic en Borrar:

      OpenCart. Productos

    • Una vez borrados todos los productos, la lista aparecerá vacía:

      OpenCart. Productos

    • Para crear un nuevo producto, elija el menú Catálogo > Productos y haga clic en Agregar.

      OpenCart. Productos

    • Cree un nuevo producto y haga clic en Guardar:
      • 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

        Etiquetas del producto: curso, 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

        Arriba: marcar la casilla

      • Enlaces

        Categorías: Cursos

    • Compruebe que se ha creado el producto Chinchetas:

      OpenCart. Productos

      OpenCart. Productos

  5. Crear tres productos más

    Los productos se crearían como se ha explicado en el apartado anterior.

    OpenCart. Productos

    OpenCart. Productos

    OpenCart. Productos

OpenCart (2) 4 - Modificar el banner central de la página

  1. Crear un nuevo banner
    • Como usuario administrador, elija el menú Diseño > Anuncios. Haga clic en Insertar.

      OpenCart. Banners

    • Cree el nuevo Banner introduciendo los datos en los campos correspondientes y haga clic en Guardar:
      • 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

        OpenCart. Banners

    • 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 haga clic en el botón correspondiente al Banner WebApps 1:

      OpenCart. Banners

    • Complete los datos escribiendo el orden de las imágenes en el banner y haga clic en Guardar:

      OpenCart. Banners

  2. Mostrar el nuevo banner
    • Como usuario administrador, elija el menú Extensiones > Extensiones > y muestre las extensiones de tipo Módulo. Haga clic en el botón Editar del módulo Pase de diapositivas > Home Page:

      OpenCart. Banners

      OpenCart. Banners

    • Cambie el banner:
      • Banner: WebApps 1

        OpenCart. Banners

    • Compruebe que el banner se muestra en la página principal de OpenCart y que haciendo clic en el banner se muestra el producto correspondiente:

      OpenCart. Banners