Cómo crear una tienda OpenCart

¡Oye!, ¿qué está pasando, chicos? Este artículo tiene unos meses y adivina ¿qué? Desde la última vez que lo edité, ¡se han reducido los precios para los temas premium de OpenCart! A partir de hoy, puede comprar cualquier plantilla OpenCart por casi la mitad del precio, ¡a solo $ 45 cada uno! Si cree que esto es increíble, sigue leyendo.

Ahora se puede acceder a una parte más amplia de los temas de PrestaShop disponibles en el mercado de TemplateMonster a través de la suscripción a través de ONE. ¡Después de pagar una tarifa única de $ 229 por año, puede probar todos estos temas uno por uno! ¿No es eso increíble? Pero eso no es todo.

Todos los miembros de ONE pueden ahorrar entre un 30% y un 50% al comprar productos digitales del mercado de TemplateMonster que no están incluidos en ONE.

Únete a ONE

Tengo una confesión para ti. ¡Me encanta la pizza de un euro y no me avergüenza decirlo! Sí, en la mayoría de los casos es una pizza bastante mala y a veces siento que me va a matar, pero por alguna razón, sigo visitando la pizza de un euro de vez en cuando y disfruto de una porción de una pizza descaradamente horrible.

Mi tradición, si puedo llamarlo así, para visitar la pizzería del euro se remonta a mis días universitarios cuando no tenía suficiente dinero, como los mini bocadillos de calamares, pero quería comer algo de comida rápida. Solía ​​quedarme allí por una hora más o menos y hablar con los visitantes habituales. Fue genial discutir los entresijos de la vida mientras se come pizza y se ve en las calles llenas de personas que corren a algún lugar de Madrid tan rápido.

En aquellos días, solía hablar mucho sobre cómo quería comenzar mi propio negocio, pero, francamente, no tenía las habilidades suficientes para comenzar algo lo suficientemente rentable.

Mientras ayudaba a mi amiga con su tienda OpenCart, decidí compilar un manual útil para aquellos que quieren comenzar su propia tienda. OpenCart es una muy buena opción en esta situación, por lo que si cree que no tiene la experiencia suficiente para crear algo así, no hay problema con todas estas herramientas disponibles en Internet en este momento.

Como compañía con un catálogo bastante grande de la plantilla de comercio electrónico, nos esforzamos por mostrar y explicar a nuestros clientes por qué crear su propia tienda es tan fácil como hacer un pastel.

Por ejemplo, eche un vistazo rápido a las mejores plantillas de OpenCart que tienen en la cartera de TemplateMonster.

 

Fooder – Pizza Restaurant con sistema de pedidos en línea en una Plantilla para OpenCart

 

Vista previa en vivo | Compra

 

Сar Audio plantilla Responsive para OpenCart

 

Vista previa en vivo | Comprar

 

Modern Furniture – Interior & Home Decor Plantilla Responsive para OpenCart

 

Vista Previa en vivo | Comprar

 

Fresh Food – Plantilla OpenCart de tienda de alimentos orgánicos saludables

 

Vista Previa en Vivo | Comprar

 

¿Supongo que ahora entiende por qué traje para arriba la pizza, directamente? ¡Esa plantilla de Pizza Place se ve imponente y sabrosa como el infierno! Ya he pedido yo una entrega de pepperoni, así que permítanme guiarles a través de los fundamentos de personalización de una plantilla OpenCart mientras espero mi pizza a entregar.

 

Cómo instalar el CMS OpenCart

 

Abra cualquier navegador y escriba la ruta de directorio de OpenCart en la dirección del navegador de la barra (por ejemplo http://su_dominio_nombre/opencart). Verá la página de instalación de OpenCart:

1. Licencia de instalación
2. Preliminar
3. Configuración
4. ¡Listo!

 

Licencia de instalación

 

Verifique un acuerdo de licencia de OpenCart y haga clic en el botón Continuar si está de acuerdo.

 

 

Etapa preliminar

 

En el segundo paso, OpenCart comprobará si la configuración de su alojamiento coincide con la requerida y si los permisos de los archivos y carpetas son correctos.

 

 

Configuración

 

En el paso de Configuración, debe ingresar los detalles de su base de datos. La base de datos MySQL que se creó en el paso de preparación, ahora debe ingresar los detalles que ha utilizado:

• Servidor de base de datos;
• Nombre de la base de datos.
• Nombre de usuario de la base de datos.

Si hay algún problema con los detalles de la base de datos, póngase en contacto con su proveedor de alojamiento.

Necesita crear el usuario administrador para su tienda. Introduzca el nombre, la contraseña y la dirección de correo electrónico del administrador. Los detalles que ingrese se utilizarán para iniciar sesión en el backend de su tienda.

 

 

¡Listo!

 

Este es el último paso de instalación de OpenCart. Verá 2 opciones: puede ser redirigido a su sitio web de OpenCart o al panel de administración de OpenCart.

 

 

Importante: Elimine la carpeta ‘instalar’ de su servidor. No podrá ingresar al almacén hasta que la carpeta permanezca en el servidor.

La instalación se ha completado. Para abrir la página de la tienda, ingrese el nombre de dominio en la barra de direcciones del navegador. Para acceder al panel de administración de OpenCart, ingrese nombre_dominio / admin (domain_name/admin).

 

Cómo instalar una plantilla OpenCart

 

En caso de que ya tenga una tienda OpenCart lista y solo necesite cambiar su apariencia con la ayuda del tema, use el siguiente método de instalación.

1. Para instalar una plantilla OpenCart, debe cargar los archivos en el servidor. Puede encontrar el archivo ‘themeXXX (update) .zip’ en la carpeta OpenCart, que debe descomprimirse en su computadora.
2. Después de eso, cargue los archivos descomprimidos en el directorio raíz de la instalación de OpenCart. Puede consultar las instrucciones detalladas en vídeo sobre cómo cargar archivos en el servidor.
3. Abra su sitio web con cualquier navegador y agregue / instale al final de la URL de su sitio en la barra de direcciones del navegador (por ejemplo, http: // nombre_dominio / opencart / instalar).
4. Haga clic en el botón Continuar. Puede tomar algún tiempo.
5. Ingrese al panel de administración, navegue a Extensiones> Instalador de extensiones y cargue los archivos de archivo themeXXX (extensiones). Cuando todos los archivos se hayan cargado, navegue a Extensiones> Modificaciones y presione actualizar en la parte superior derecha de la pantalla.
6. En el siguiente paso, vaya a Sistema> Configuración, vaya a la pestaña Almacenar y seleccione la plantilla themeXXX en el campo Plantilla.

 

Cómo instalar los módulos de OpenCart

 

El proceso de instalación del módulo incluye varios pasos. Vaya a su panel de administración (agregando / admin a la url de su sitio web en la barra de direcciones del navegador: http://www.susitio.com/admin).

Vaya a Extensiones> Extensiones.

 

 

Elija Módulos en el desplegable Tipo de extensión.

 

 

Verá la lista de módulos instalados y listos para instalar. Si ve el botón Desinstalar junto a cualquier módulo, significa que el módulo ya está instalado.

 

 

Puede modificar la configuración del módulo haciendo clic en Editar.

 

 

Al hacer clic en el botón Instalar, iniciará el proceso de instalación del módulo.

 

 

Para eliminar el módulo, debe hacer clic en el botón Desinstalar, por lo que el módulo se eliminará.

Cuando la instalación haya finalizado, deberá configurar el módulo. La configuración puede variar según el módulo específico, pero el campo Estado es el mismo para todos: el campo le permite encender / apagar el módulo.

 

 

Para agregar el módulo a una página determinada, debe ir a la lista de páginas.

Vaya a Design > Layout en el menú lateral.

 

 

En la lista de páginas, seleccione la página donde desea colocar el módulo y haga clic en Editar.

 

 

Puede ver una lista de los módulos y las posiciones de los módulos que ya se han agregado a la página.

 

 

Las siguientes posiciones de módulo están disponibles (respectivamente para el orden de visualización):

• Encabezado superior (después de la sección de encabezado);
• Columna izquierda (panel lateral izquierdo);
• Columna derecha (panel lateral derecho);
• Contenido superior
• Contenido inferior

El campo Orden de clasificación muestra el orden de visualización de los módulos asignados a la misma posición. Para agregar un módulo a una página, haga clic en Agregar módulo. Seleccione el módulo requerido y la posición del módulo y haga clic en Guardar. Se ha completado la instalación del módulo.

 

 

Configuraciones disponibles:

• Nombre del módulo: el nombre del módulo;
• Ancho – ancho de la imagen del módulo;
• Altura – altura de la imagen del módulo;
• Desenfoque: activa / desactiva el efecto de desenfoque de la imagen cuando su tamaño es demasiado pequeño;
• Dirección: establece la dirección del movimiento de paralaje. Normal: el
• desplazamiento de paralaje se mueve en la dirección opuesta, Inverso: paralelo a él;
• Velocidad: establece la relación de velocidad para el paralaje, en relación con la tasa base. Valor: de 0 a 2;
• Estado – estado del módulo (habilitado / deshabilitado).

 

Cómo habilitar un megamenu

 

El módulo TM Megamenu le permite crear menús complejos. Ofrece la posibilidad de mostrar un solo elemento (sin submenús), un elemento con un submenú y un elemento con el bloque de submenú de varias filas y varias columnas. Este módulo se puede mostrar en las distintas posiciones, pero con el mismo contenido.

Para habilitar el megamenú, debe navegar a la página Extensiones> Módulos> Megamenú TM, presionar el botón Editar junto al elemento apropiado y elegir la opción Habilitado en la nueva ventana.

 

Cómo configurar el megamenu

 

Artículos de megamenu. Elementos principales en la raíz del menú.

La edición de megamenu comienza aquí. Para editar los parámetros de megamenu, abra el panel de administración de su sitio web y vaya a la página Extensiones> Módulos> TM Megamenu> TM Megamenu, como se muestra en la siguiente captura de pantalla. En la página siguiente, podrá crear, eliminar y editar elementos de menú.

 

 

Haga clic en uno de los elementos del menú para comenzar a editar. Rellene los siguientes campos:

 

 

Tipo de elemento del menú: tipo de menú (normal / megamenú);
Para la opción ‘Custom’:

• Título del menú – etiqueta del elemento del menú;
• Enlace del menú – enlace del elemento del menú;
• Show megamenu – megamenu display;

Si la opción ‘Mostrar megamenú’ (3) está configurada en ‘Sí’, aparecen los siguientes campos adicionales. Rellene estos campos:

 

 

• Número de columnas: número de columnas;
• Columnas por fila – número de columnas por fila;
• Imagen de fondo – imagen de fondo;
• Ancho de la imagen de fondo – ancho de la imagen de fondo;
• Altura de la imagen de fondo – altura de la imagen de fondo;

 

 

Después de completar el campo ‘Recuento de columnas’, las siguientes opciones estarán disponibles: ‘Columna N’. Rellena las pestañas:

• Ancho de columna – ancho de la columna;
• Contenido de columnas: contenido de la columna;
• Límite de categorías (productos): número máximo de categorías o productos para mostrar en la columna;
• Módulo – nombre del módulo a mostrar;
• Nombre de categoría: nombre de la categoría;
• Mostrar nombre de categoría: visualización del nombre de categoría;

Para la opción ‘Categoría’:

Tipo de submenú del elemento del menú – tipo de submenú;

Después de seleccionar el tipo ‘Megamenu’ en el campo ‘Tipo de elemento de menú’, estarán disponibles las siguientes configuraciones adicionales de megamenu:

 

 

Después de completar el campo ‘Recuento de columnas’, las siguientes opciones estarán disponibles: ‘Columna N’. Rellena las pestañas:

• Ancho de columna – ancho de la columna;
• Contenido de columnas: contenido de la columna;
• Límite de categorías (productos): número máximo de categorías o productos para mostrar en la columna;
• Módulo – nombre del módulo a mostrar;
• Nombre de categoría: nombre de la categoría;
• Mostrar nombre de categoría: visualización del nombre de categoría;

Para la opción ‘Categoría’:

Tipo de submenú del elemento del menú – tipo de submenú;

Después de seleccionar el tipo ‘Megamenu’ en el campo ‘Tipo de elemento de menú’, estarán disponibles las siguientes configuraciones adicionales de megamenu:

 

 

• Número de columnas: número de columnas;
• Columnas por fila – número de columnas por fila;
• Imagen de fondo – imagen de fondo;
• Ancho de la imagen de fondo – ancho de la imagen de fondo;
• Altura de la imagen de fondo – altura de la imagen de fondo;

Después de completar el campo ‘Recuento de columnas’, las siguientes opciones estarán disponibles: ‘Columna N’. Rellena las pestañas:

 

 

• Ancho de columna – ancho de la columna;
• Contenido de columnas: contenido de la columna;
• Límite de categorías (productos): número máximo de categorías o productos para mostrar en la columna;
• Módulo – nombre del módulo a mostrar;

 

Cómo cambiar el logo en la plantilla OpenCart

 

Vaya a Extensiones> Extensiones.

 

 

Elija Módulos en el desplegable Tipo de extensión.

 

 

Encuentre el módulo de Logo. Pulse un botón de edición para configurar el módulo.

 

 

Aparecerá la ventana de configuración:

 

 

Configuraciones disponibles:

• Nombre del módulo: el nombre del módulo;
• Ancho: establece el ancho de la imagen del logotipo en píxeles;
• Altura: establezca una altura de la imagen del logotipo en píxeles.
• Estado – estado del módulo (habilitado / deshabilitado).

 

Cómo gestionar y construir diseños.

 

 

Vaya a Extensiones> Extensiones.

 

 

Elija Módulos en el desplegable Tipo de extensión.

 

 

Encuentre la sección TemplateMonster Layout Builder. Pulse el botón editar para configurar el módulo existente.

 

 

Aparecerá la ventana de configuración:

 

 

Ajustes básicos del módulo:

• Estado: estado del módulo (habilitado / deshabilitado);
• Nombre del módulo: el nombre del módulo;
• Clase de módulo: la clase del módulo;
• ID del módulo – ID del módulo.

Para crear un nuevo diseño, presione el botón Nueva vista de diseño.

El módulo tiene varios botones disponibles que facilitan mucho el proceso de edición. Echemos un vistazo más de cerca a ellos:

• Presione Añadir columna. Después de hacer clic en este botón podrá agregar filas. Esta opción tiene varias secciones disponibles:

1. Después de agregar una columna, inserte una fila. Para agregar filas, presione el botón Agregar fila. El número de columnas en la fila es ilimitado, y puede agregar tantas columnas como sea necesario. El ancho de las columnas se puede configurar inmediatamente después de agregarlas con la ayuda de la función Arrastrar y soltar arrastrando el borde derecho de la columna.
   El botón Eliminar le permite eliminar columnas innecesarias.
   Después de hacer clic en el botón Editar, verá una ventana emergente con una excelente herramienta de personalización que le permite cambiar el estilo de columna / fila. Puede ayudarle a establecer el fondo y cambiar los valores de margen para sus bloques.
   Después de agregar las columnas, debe completarlas con algún contenido (módulos). Para agregar un módulo, presione el botón Agregar widget y seleccione el necesario entre el menú desplegable. Puede obtener la interfaz de configuración del módulo a través de Layout Builder presionando el botón ‘editar’ en el bloque del módulo.
2. Use el botón Eliminar para eliminar la columna que no necesita.
3. El botón Editar le permite ajustar el estilo de columna. Lo hemos mencionado anteriormente.
4. Duplicar es una gran herramienta que le permite duplicar columnas sin tener que copiarlas manualmente.
5. La opción de orden le permite cambiar el orden de las columnas.

Después de configurar todas las filas, columnas y módulos, guarde el módulo Builder y visualícelo en una de las posiciones en la página principal de la tienda.

 

Cómo configurar un carrito de compras

 

El módulo de carrito es la extensión que le permite mostrar el carrito de compras en su sitio web.

Vaya a Extensiones> Extensiones.

 

 

Elija Módulos en el desplegable Tipo de extensión.

 

 

Encuentra el módulo TemplateMonster Cart. Pulse el botón editar para configurar el módulo.

 

 

Aparecerá la ventana de configuración:

 

 

Seleccione Desactivar en el menú desplegable de la opción Estado para apagar el módulo.

 

 

Cómo gestionar los enlaces en el pie de página.

 

1. Vaya a Extensiones> Extensiones.
2. Elija Módulos en el desplegable Tipo de extensión.
3. Encuentre la sección TM Footer Link. Pulse el botón editar para configurar el módulo existente.

Aparecerá la ventana de configuración:

• Nombre del módulo: el nombre del módulo;
• Grupo de enlaces: elija un grupo de enlaces que desee mostrar en el pie de página;
• Estado: defina el estado del módulo (habilitado / deshabilitado).

 

Frontend:

 

 

• Nombre del módulo – Información de enlaces de pie de página TM;
• Grupo de enlaces – Información;
• Estado – habilitado.

 

Envolviendo las cosas

 

Todo el mundo quiere empezar a ganar dinero en línea. ¿A qué está esperando entonces? OpenCart es una de esas grandes plataformas que le brindan la oportunidad de crear su propia tienda y crear un negocio exitoso sin tener que escribir una sola línea de código.

Si tiene el éxito suficiente para vivir sin su propia tienda, asegúrese de revisar nuestro catálogo de plantillas premium y definitivamente encontrará algo que se ajuste a su negocio.