Cómo instalar un nuevo tema de Magento

29 de Octubre de 2020

Introducción

El comercio minorista en línea es tremendamente competitivo. Su capacidad para destacarse y brindar una experiencia de cliente excepcional es vital para aumentar los volúmenes de ventas y los ingresos.

Los temas de Magento le permiten establecer una identidad visual única y estructurar su escaparate para maximizar las tasas de conversión. Hay varias formas de implementar temas de Magento:

  • Puede crear un tema personalizado desde cero.
  • Utilizando PHP Composer para recuperar paquetes de temas.
  • Instale un tema de terceros totalmente optimizado.

Este tutorial se centrará en el último método. Siguiendo solo 5 pasos rápidos, aprenderá cómo descargar e instalar un nuevo tema de Magento.

Logotipo de Magento con artículos de la tienda.

Requisitos previos

  • Un trabajo Instalación de Magento 2.
  • Un cliente FTP (WinSCP, FileZilla ...)
  • Accede a una línea de comando en tu servidor Magento.

Nota: Si necesita un tutorial rápido y sencillo sobre FTP, consulte nuestro tutorial Cómo configurar una conexión FTP de Magento.


Instalar un nuevo tema en Magento

Magento 2 tiene un diseño de tienda preinstalado basado en el Predeterminado tema. Si su instalación de Magento incluye el paquete de datos de muestra, también tiene acceso al luma tema. Además, Magento le permite modificar los temas existentes, crear un tema nuevo o aplicar un tema diseñado por profesionales.


Nota: Descubra cómo crear o modificar un tema visitando el Guía para desarrolladores de Magento Frontend.


Paso 1: elegir un tema de Magento

Gracias a una próspera comunidad de desarrolladores, hay una amplia selección de temas de Magento para reforzar la apariencia de su tienda.

Explore los temas que se ofrecen, obtenga una vista previa de sus paneles de administración y frontend, compare precios y características, y seleccione la solución ideal para su tienda. Puede ser costoso cambiar repetidamente el diseño del escaparate.

Elija un tema relevante para su modelo de negocio. Los buenos temas están diseñados para casos de uso específicos en mente y pueden proporcionar funcionalidad cruzada con extensiones que son adecuadas para su tienda.

Lista de características importantes del tema de Magento.

Un tema puede brindarle una ventaja competitiva si es compatible con los avances tecnológicos recientes. Tu tema debe incluir:

  • Los últimos marcos de trabajo en red.
  • Soporte para funciones de seguridad.
  • Capacidad de respuesta para diferentes dispositivos.
  • Funcionalidad cruzada del navegador.
  • Herramientas de SEO y extensiones de redes sociales (imprescindibles).

Puede comprar y descargar temas directamente desde el Magento Marketplace tienda de aplicaciones o use temas y plantillas de fuentes y plataformas de terceros como ThemeForest. Algunos de los temas más populares incluyen:

Nombre del temaTipo de tiendaCaracterística principal
PortoMultiusosCalidad de codificación de primer nivel y extensiones gratuitas.
pasadoModa, complementos, smartphones, etc.Altamente personalizable y optimizado para todas las resoluciones de pantalla.
ClaueTiendas de joyería, moda y muebles.Diseño minimalista con la opción de integrarse con Tiendas de Instagram.
MercadoGran tienda multicategoría.Un diseño específico para dispositivos móviles que ofrece un pago de una página.
DestinoProductos de alta tecnología y digitales.Puede personalizar un diseño para dispositivos móviles y un diseño separado para dispositivos de escritorio.

Investigue exhaustivamente y elija el tema de escaparate que desea instalar. Cuando esté listo, compre y descargue el paquete de temas en su dispositivo local.

Paso 2: Cargue el tema en el servidor Magento

Una vez que descargue su nuevo tema de Magento:

1. Desempaquete el contenido de la carpeta del tema comprimido.

2. Inicie un cliente FTP, como WinSCP o FileZilla, y navegue hasta la carpeta de temas descomprimida en su dispositivo local. Los paquetes de temas generalmente contienen temas para múltiples versiones de Magento. Seleccione la versión que corresponda a su Versión de la tienda Magento.

En este ejemplo, la carpeta seleccionada contiene archivos para el Magento 2.3.x versión.

Seleccione la versión correcta del tema.

3. Localice el applicación y pub carpetas dentro de la carpeta del tema.

Ubicación de la aplicación del tema y las carpetas de publicación.

4. Utilice el cliente FTP para establecer una conexión remota a su servidor Magento.

5. Cargue el applicación y pub carpetas a la carpeta raíz de Magento.


Nota: Arrastre las carpetas sobre los archivos en la carpeta raíz de Magento. De esta forma, evita copiar el tema en carpetas existentes por error.


Si ve un mensaje de que los directorios ya existen, puede confirmar que desea fusionarlos. Esta acción agrega el tema a Magento y no sobrescribe los archivos centrales de Magento.

Instrucciones para cargar carpetas de aplicaciones y publicaciones en el servidor de Magento.

Dependiendo del tamaño del tema, la carga del paquete puede tardar varios minutos en completarse.

Paso 3: actualice Magento desde la línea de comandos

Para habilitar y activar los módulos que cargó:

1. Establezca una conexión remota segura a su servidor Magento.

2. Utilice la interfaz de línea de comandos para navegar a su directorio raíz de Magento.


Nota: Consulte siempre las guías de usuario del tema durante el proceso de instalación, ya que los comandos pueden ser diferentes para algunos temas.


3. Ingrese el siguiente comando para ejecutar los scripts de actualización de Magento:

bin/magento setup:upgrade

4. Genere archivos frontend estáticos para el nuevo tema de Magento:

bin/magento setup:static-content:deploy -f

Los módulos que cargó ahora están habilitados y activados.

5. Verifique el modo Magento actual:

bin/magento deploy:mode:show

El resultado muestra que el modo de aplicación está configurado como predeterminado.

El comando que muestra el modo actual de Magento.

6. Cambie al modo Desarrollador para rastrear y depurar posibles errores:

bin/magento deploy:mode:set developer

Asegúrese de volver al modo de producción una vez que su sitio web esté listo para funcionar.

Paso 4: actualiza el tema en el panel de administración

Para actualizar su tema de Magento:

1. Acceda al Panel de administración de Magento.

2. Seleccione Contenido pestaña en la barra lateral de administración.

3. Haga clic en el Configuración opción bajo el encabezado Diseño.

Configure un nuevo tema en Magento Admin.

4. Haga clic en el Editar opción para el registro de configuración que corresponde a la vista de su tienda. Se encuentra en la columna Acción.

La ubicación de la pestaña de edición del tema en el administrador de Magento.

5. Abre el Tema aplicado menú desplegable y seleccione el tema que cargó.

Seleccione el tema que debe aplicarse.

6. Haga clic en el Guardar configuración pestaña para aplicar la nueva configuración.

Confirmación de que se ha aplicado el nuevo tema.

El sistema muestra el mensaje de confirmación.

Paso 5: Vaciar la caché de Magento

Para ver el tema recién instalado, debe vaciar el caché de Magento:

1. Navegue hasta el System y seleccione la Gestión de caché .

Ruta para vaciar la caché de Magento.

2. Haga clic en el Vaciar caché de Magento .

Ubicación de la pestaña que vacía la caché de Magento.

3. (Opcional) Una vez que Magento confirma que la caché se vació correctamente, puede deshabilitar la Configuración, Disposicióny Caché de página tipos. Esto deshabilita los mensajes que le dicen que vacíe el caché cada vez que realice cambios mientras configura su tienda.

Reglas de almacenamiento en caché de Magento opcionales disponibles.

4. Vuelva a cargar la URL de su escaparate para aplicar el nuevo tema.

Tema de escaparate de Magento.

Continúe modificando y personalizando el tema que instaló e intente crear un entorno cautivador de compras en línea.

Conclusión

Ha instalado con éxito un nuevo tema de Magento. El uso de temas populares y diseñados profesionalmente lo ayudará a desarrollar un negocio próspero. Después de instalar un nuevo tema, nuestra sugerencia es que también aprenda a agregar un método de pago a Magento.

Además, al remodelar diseños e imágenes corrientes, obtiene una ventaja significativa sobre sus competidores.

Acerca del autor.
Vladímir Kaplarevic
Vladimir es un redactor técnico residente en CCBill. Tiene más de 8 años de experiencia en la implementación de comercio electrónico y soluciones de pago en línea con varios proveedores de servicios de TI globales. Su atractivo estilo de escritura proporciona consejos prácticos y tiene como objetivo despertar la curiosidad por las tecnologías innovadoras.
Hable con un especialista en asistencia comercial