OpenCart

Instalación de OpenCart versión 3 en servidor Windows y Linux

En este tutorial voy a mostrar cómo instalar OpenCart en su versión 3 sobre un servidor con PHP. Puedes montarlo directamente en un servidor en producción, o en tu localhost para hacer pruebas.

Si vas a hacer pruebas sobre Windows mira este tutorial para instalar XAMPP.

Descargar OpenCart

Ve a la página oficial de descarga y haz click en Download now.

Descargar opencart 3

Eso te dará un zip que tiene una carpeta llamada Upload. Dentro de esa carpeta está todo lo necesario, y lo que tienes que subir al servidor, pero antes veamos algunos preparativos.

Base de datos de MySQL

Debemos tener a la mano un usuario y contraseña de acceso a MySQL o MariaDB; además de una base de datos limpia (pero el usuario debe tener acceso a la misma) en donde va a funcionar OpenCart.

Si quieres mira esta introducción a la CLI de MySQL o el post para dar permisos a un usuario de MySQL.

La carpeta upload y nuestra carpeta pública

Servidor de pruebas

Si estás en XAMPP, tu carpeta pública es htdocs, dentro de ella crea otra carpeta y coloca ahí el contenido de upload (ya que vamos a probar, no es un servidor en producción).

Servidor en producción

En caso de que uses cpanel, tu carpeta pública es public_html, pon ahí todo el contenido de upload (no pongas la carpeta, pon su contenido en public_html).

Eso hará que tu dominio principal entre a la tienda; si quieres ponerla en un subdirectorio eres libre de crearlo y poner ahí el contenido.

Si usas otro tipo de hosting esto puede variar, y si es un servidor de Linux entonces va en /var/www/html.

Ejemplo de carpeta

Como estoy haciendo pruebas locales crearé una carpeta llamada tienda en htdocs, su contenido y ruta es como se ve en la imagen de abajo.

Ejemplo de carpeta pública para OpenCart

Recuerda que el contenido fue copiado de la carpeta upload que está en el zip.

Ahora que ya lo hemos copiado es momento de comenzar la instalación.

Instalación de OpenCart 3 paso a paso

Ahora veamos cómo se instala.

0 – Renombrar archivos

Hay que renombrar dos archivos. El primero se llama config-dist.php, lo vamos a cambiar a config.php

El segundo está dentro de admin y se llama config-dist.php también, lo renombraremos igualmente a config.php

Solo para confirmar, ahora en la raíz debe estar config.php y en admin uno llamado config.php

1 – Acceder al sitio web

Es momento de acceder a dicha carpeta desde el navegador. Si estás en localhost entonces es localhost/tienda; y si es un dominio personalizado entra a dicho dominio.

Comenzaremos la instalación aceptando la licencia. Si la aceptas, haz click en Continue. Si no, entonces no puedes instalar el software.

1 – Aceptar licencia

2 – Chequeo de lenguajes y extensiones

En el siguiente paso OpenCart verifica que nuestro entorno sea compatible y que además estén habilitadas las extensiones de PHP necesarias; todas deben tener el icono verde.

2.1 – Configuración de PHP y extensiones

Abajo hará un chequeo de los archivos y carpetas. Si estás en Linux y genera errores en los archivos asegúrate de dar permisos de escritura y lectura.

Si te fijas ahí están los archivos que renombramos al inicio.

2.2 – Archivos de configuración y directorios

Cuando todo esté bien haz click en Continue.

3.1 – La base de datos

Es momento de indicar las credenciales de acceso y el nombre de la base de datos para que los datos sean almacenados.

En DB Driver elige MySQLi, pues al final no vamos a tocar el código y esa extensión está bien.

En hostname déjalo como está (incluso si estás en internet) al menos que tu servidor de MySQL esté en otro lugar, lo mismo aplica para el port.

3.1 Configurar base de datos para OpenCart

El prefix es el prefijo de las tablas dentro de la base de datos, déjalo así o quítalo si no quieres prefijos.

Finalmente escribe tu usuario y contraseña de MySQL.

3.2 – El usuario administrador de OpenCart

Abajo vas a encontrar un formulario para el administrador de OpenCart, esto no tiene nada que ver con las credenciales de la base de datos. Puedes dejar el nombre de usuario como admin o cambiarlo.

3.1 Configurar usuario administrador de OpenCart

Elige una contraseña segura y escribe un correo electrónico verdadero; cuando estés listo haz click en Continue.

4 – Esperar y finalizar instalación de OpenCart

Dependiendo de la potencia de tu servidor el proceso tardará un poco más o un poco menos, sé paciente y espera a que termine la instalación.

Cuando termine se mostrará lo siguiente:

4 – Instalación de OpenCart finalizada

Puedes hacer click en ambas opciones; para ir a la tienda haz click en Go to your online shop y para ir al panel de control haz click en Login to your administration.

Abre en una nueva pestaña el de la administración.

5 – Eliminar carpeta install

En la captura de arriba vemos un aviso de eliminar la carpeta install, así que de una vez la eliminamos; todo esto es por seguridad:

5 – Eliminar carpeta install

Con eso hemos terminado la instalación, ahora veremos otros detalles.

El panel de administración

Para acceder al panel ve a la dirección de tu tienda pero agrega /admin. En mi caso es localhost/tienda/admin.

Inicia sesión con las credenciales que configuramos anteriormente (no las de la base de datos, las otras):

5.1 – Iniciar sesión en OpenCart

Haz click en Login.

El directorio de almacenamiento de OpenCart

Este maravilloso software nos recomienda cambiar la ubicación del directorio de almacenamiento; quitándolo del acceso público. Verás la alerta al iniciar sesión, haz click en Move con la opción que ofrece.

De esta manera el almacenamiento estará una carpeta arriba de la pública:

5.2 – Mover directorio de almacenamiento

Espera a que se termine de mover, mostrará una alerta y después ya puedes cerrar la ventana. Si genera un error intenta cambiar la ruta.

5.3 – Directorio de storage cambiado de ubicación

Un primer vistazo a nuestra tienda con OpenCart

Ahora podemos visitar nuestra tienda navegando al dominio en donde la alojamos; en mi caso es localhost/tienda y se ve así:

6 – Visitar tienda

Eso es lo que verán nuestros clientes. Por defecto ya existen algunos productos, veremos cómo editar uno.

Editar nuestro primer producto

Volvamos al escritorio o panel de control. Ahí navega a Catalog > Products y edita cualquier producto con el botón azul.

6.2 – Ir a administración de productos

Eso te llevará a una nueva interfaz. Cambia algunos datos y haz click en el botón para guardar.

6.3 – Guardar cambios de producto – OpenCart

Ahora vuelve a tu tienda y localiza el producto que acabamos de editar:

6.4 – Lista de productos actualizada – OpenCart

Felicidades, has editado tu primer producto.

Conclusión

A lo largo de este tutorial vimos cómo instalar OpenCart en un entorno de Windows, pero esto aplica totalmente para otros servidores y sistemas operativos que cuenten con los requisitos.

Lo que sigue es comenzar a vender tus productos, familiarizarte con el software y crecer en línea.

Espero escribir más tutoriales sobre OpenCart, tanto de su uso como de su código.

Si en el futuro lo hago, lo haré bajo la categoría de OpenCart.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

2 días hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.