Siendo la primera fuente y tema de referencia de Shopify con características de tienda en línea 2.0, el rendimiento y la flexibilidad integrados en el tema ayudarán a construir un mejor comercio. El tema Shopify Dawn representa un enfoque de desarrollo de temas basado en HTML primero, con JavaScript solo cuando es necesario.

Si eres un comerciante que empieza con Shopify, el tema Dawn es el tema predeterminado con el que empezarás. En comparación con el tema Debut de Shopify, es probable que comiences con un tema que es 35 veces más rápido. Construido con algunas características sorprendentes y complementos emocionantes, vamos a explorar el tema Shopify Dawn en detalle a continuación.

Resumen del tema Shopify Dawn:

El tema de Shopify Dawn es el primer tema que utiliza componentes de diseño atómico, JavaScript mínimo y otros conjuntos de características para ser un tema ultraligero y móvil que maximiza la flexibilidad y minimiza la complejidad.

Mejores características del tema Shopify Dawn:

• Nativo de la web: A través del mejoramiento progresivo y no de los rellenos, el tema Shopify Dawn soporta todos los navegadores web modernos mientras mantiene el soporte para los más antiguos.

• Soporta todas las características: La funcionalidad, el diseño y la flexibilidad del tema permiten a los comerciantes construir diseños personalizados con plantillas JSON, bloques de aplicaciones y secciones en todas las páginas.

• Solo JavaScript cuando es necesario: El tema Shopify Dawn utiliza JavaScript solo cuando es necesario para mejorar el rendimiento de la tienda y ofrecer la mejor experiencia.

• Accesibilidad: Desde la vista en árbol de todo el contenido hasta los esquemas de colores accesibles, el tema Dawn está organizado para ayudar a los comerciantes a actualizar fácilmente la jerarquía de una página.

Cómo instalar el tema Dawn de Shopify 

Es tan simple como descargar los temas de Shopify, puedes aprovechar el tema de Shopify Dawn visitando la Tienda de Temas de Shopify. Puedes ver el repositorio de Shopify en GitHub de Shopify para desarrollo de temas y enviar tus solicitudes personalizadas.

Si estás buscando ayuda para migrar tu tema al tema Shopify Dawn de Shopify o actualizar tu tema con características de la tienda en línea 2.0 o implementar las características de Shopify 2.0 en tus temas existentes, siempre puedes contar con los expertos en Tienda en línea 2.0 de HulkApps Shopify.

Actualizar a Shopify 2.0

Marca fácilmente los cambios con el editor del tema Dawn 2.0 de Shopify

Simplificado para permitir que los comerciantes aprovechen las nuevas características y herramientas de la tienda en línea 2.0, el editor del tema Shopify Dawn se divide en tres partes: panel izquierdo, sección de vista previa y panel derecho.

Aquí puedes cambiar el diseño o la estructura de las secciones para reflejar la secuencia de tu contenido en la página de tu tienda. También puedes agregar secciones o bloques (dentro de la sección) cuando sea necesario.

La vista previa del editor del tema mostrará los cambios realizados en el diseño. También puedes observar estos cambios con tres opciones de vista previa diferentes: móvil, escritorio y pantalla completa.

El editor del tema ahora incluye una estructura de vista en árbol para ver el contenido de las secciones en la barra lateral del panel derecho en lugar de navegar entre diferentes secciones. Puedes ocultar, editar el contenido desde esta barra lateral y, lo más importante, incluir recursos dinámicos. Estas opciones te permitirán actualizar rápidamente la jerarquía de una página. 

Si deseas obtener más información sobre otros temas de Shopify 2.0 y el diseño de la arquitectura de temas entre Shopify y Shopify 2.0, puedes leer nuestro blog - Temas de Tienda en línea 2.0 de Shopify y arquitectura.

Por qué deberías actualizar tu Shopify a la nueva tienda en línea 2.0 de Shopify

Empoderando a los creativos y dando más poder a los comerciantes para construir una tienda flexible, la tienda en línea 2.0 de Shopify lanza una nueva experiencia de diseño de tienda - lee más en nuestro blog de introducción a Shopify 2.0. A continuación, puedes ver una comparación rápida entre los temas Vintage de Shopify y los temas Dawn de Shopify. 

Personalización del tema Shopify Dawn

Antes de continuar y experimentar con el tema Shopify Dawn, aquí hay algunos puntos sobre los tipos de páginas admitidos, secciones y esquema de color del tema Shopify Dawn. 

Tema Shopify Dawn - tipos de página:

Cada tema tiene sus propias secciones y configuraciones predeterminadas, y a continuación se muestran las plantillas de página ya disponibles en Dawn.

• Páginas de productos

De forma predeterminada, tendrás la sección de Información del producto y una sección de Recomendaciones de productos, donde la Información del producto contiene los siguientes bloques predeterminados:

• Texto (muestra por defecto el atributo del proveedor)
• Título
• Texto (muestra por defecto el atributo del subtítulo del producto)
• Precio
• Selector de variantes
• Selector de cantidad
• Botones de compra
• Descripción
• Compartir

La sección de información del producto puede contener hasta 16 bloques, con bloques adicionales como Calificación del producto, Selector de cantidad, Líquido personalizado, Pestaña plegable y Ventana emergente. 

Si deseas una opción de información de producto fija o ocultar otros medios de variantes cuando se selecciona una variante o habilitar la reproducción en bucle de videos, puedes marcar los cambios en la configuración de la sección de información del producto.

Recomendaciones de producto 

Como su nombre lo indica, las recomendaciones de productos mostrarán todos los productos similares o productos que se compran con frecuencia junto con este producto. Puedes personalizar los detalles del producto en la sección de recomendación de productos desde el panel derecho.

• Páginas de colección

Al igual que la página de producto, las páginas de colección tienen una sección de Banner de colección y una sección de Rejilla de productos de forma predeterminada. La configuración de la sección de Banner de colección tiene Mostrar descripción de la colección y Mostrar imagen de la colección, mientras que la configuración de la sección de Product grid muestra cuántos productos/página con su relación y otros aspectos.

• Páginas de lista de colecciones

Al igual que los dos puntos anteriores, la página de lista de colecciones muestra todas sus colecciones y las opciones requeridas.  

• Páginas, páginas de blogs, páginas de publicaciones de blogs, página del carrito, página de contraseña, página 404, página de búsqueda

Al igual que las otras páginas, estas opciones tienen su propio conjunto de secciones y configuraciones, que puedes configurar para contar la historia de tu marca. 

Tema Shopify Dawn - secciones:

Con el objetivo de mostrar las características y herramientas de la tienda en línea 2.0 de Shopify, el tema Shopify Dawn incorpora secciones en todas partes. Es decir, puedes agregar secciones en cualquier página y las secciones predeterminadas que aparecen en cada página son la barra de anuncios, el encabezado y el pie de página.

Las otras secciones que puedes aprovechar son:

• Publicaciones de blog
• Collage
• Lista de colecciones
• Formulario de contacto
• Líquido personalizado
• Registro de correo electrónico
• Producto destacado
• Colección destacada
• Banner de imagen
• Imagen con texto
• Multicolumna
• Página
• Texto enriquecido
• Video

Tema Shopify Dawn - esquemas de color: 

Revitalizando el tema Debut de Shopify, lanzado en 2016, la arquitectura de diseño del tema Shopify Dawn adopta un diseño de experiencia de usuario (UX) y estándares web avanzados. Como resultado, el tema es un 35% más rápido que su predecesor, más flexible con JavaScript si es necesario para garantizar un rendimiento óptimo. 

Gestiona tu esquema de color

• Para colores sólidos, 

• Utiliza el selector de color o 

• Ingresa el valor hexadecimal del color

• Para gradientes de color,

• Pega el código CSS del Gradiente dentro del recuadro de color

Las características clave del tema Shopify Dawn 

• Sistema atómico de colores:

Como sabemos, el color tiene un gran impacto en la conversión de los clientes; el tema Shopify Dawn proporciona un color de acento y un color de fondo para hacer el tema más versátil para la expresión de marca. 

• Código de tema de código abierto:

Alentar la adopción de un estándar abierto, el tema Shopify Dawn es un tema de código abierto. Las facilidades del tema de referencia para el desarrollo de temas de alta calidad permiten a los comerciantes de Shopify acceder a temas premium de Shopify.

• Secciones personalizables:

Definiendo el camino correcto para ofrecer la experiencia óptima, el tema Shopify Dawn reemplaza la opción de presentación de diapositivas con la sección de Banner de imagen, donde se puede mostrar una imagen, un texto y una llamada a la acción (CTA). 

La mejor parte del tema Shopify Dawn es el componente de presentación de diapositivas, donde las imágenes pasan de una a otra en lugar de tener un desplazamiento suave entre las imágenes. Esto te ayuda a mantener la armonía visual y mejora el rendimiento de la tienda. 

• Rendimiento mejorado:

Sin perder de vista la entrega de la mejor experiencia de usuario, el tema Shopify Dawn tiene como objetivo maximizar la flexibilidad y minimizar la complejidad. 

Por ejemplo, la navegación del encabezado (tipo de escritorio) ya no se colapsa en un ícono de hamburguesa; en su lugar, se envuelve varias veces cuando los elementos de navegación chocan. Alterando el diseño de la navegación, el comportamiento de este tema no compromete la flexibilidad ni la tasa de conversión. 

Si eres un comerciante que busca obtener estrategias probadas de optimización de tasas de conversión (CRO) que brinden resultados de conversión excepcionales, colabora con los expertos en CRO de Shopify en HulkApps, quienes ayudarán a hacer crecer tu organización. 

• Valores predeterminados inteligentes: 

Sin limitarte a recortar la imagen para que se ajuste a las secciones personalizadas o para que el contenido se superponga a una imagen, la integridad de las imágenes del tema Shopify Dawn y la accesibilidad son los principales principios de diseño del tema Shopify.

Muestra tu voz de marca con la personalización del tema Shopify Dawn

Con la introducción de la tienda en línea 2.0, que marca el comienzo de un nuevo estilo de comercio, el tema Shopify Dawn ayuda a los comerciantes como tú a tomar decisiones de diseño más inteligentes y únicas al tiempo que ofrece el mejor rendimiento, es decir, alta velocidad y flexibilidad del tema.

Además de mantener un equilibrio saludable entre rendimiento y agilidad, el código fuente abierto del tema Shopify Dawn simplifica y mejora las opciones de color de tu tienda. Las secciones personalizables y los valores predeterminados inteligentes te brindarán más control sobre el diseño de tu tienda y reducirán la dependencia de los desarrolladores para realizar cambios de diseño. 

Si bien el tema Shopify Dawn es el tema predeterminado para los comerciantes que comienzan con Shopify a partir de agosto de 2021, puedes aprovechar la tienda en línea Shopify Dawn migrando con los expertos en Tienda en línea 2.0 de HulkApps Shopify.