Tema
Un tema de Shopify es el paquete de código y plantillas que controla el diseño, la disposición y las funciones de su tienda mediante Liquid, HTML, CSS y JS.
¿Qué es un tema?
Un tema es el paquete de plantillas y código que controla el diseño, la disposición y las funciones de su tienda virtual. En Shopify, un tema se construye con el lenguaje de plantillas Liquid combinado con HTML, CSS y JavaScript. Los temas modernos de Online Store 2.0 utilizan plantillas JSON con secciones y bloques que puede agregar, eliminar y reordenar en el editor de temas, sin necesidad de tocar el código.
¿Por qué es importante un tema?
El tema es el marco que sus clientes realmente ven y en el que compran, por lo que afecta directamente la conversión, la velocidad de la página y el SEO. Un tema pesado o mal estructurado provoca páginas lentas y cambios de diseño (CLS), mientras que un tema bien construido mantiene el contenido más importante above the fold y funciona tan bien en dispositivos móviles como en computadoras de escritorio. Debido a que el tema también genera títulos, metadatos y datos estructurados, la elección del tema tiene un gran impacto en cómo Google entiende sus páginas.
Casos de uso comunes
- Elegir un nuevo tema. Seleccione entre temas gratuitos y de pago en la Shopify Theme Store; por ejemplo, el tema gratuito predeterminado
Dawn. - Personalización sin código. Ajuste colores, secciones y contenido en el editor de temas en Tienda en línea → Temas.
- Ediciones de código. Edite
theme.liquid, secciones, snippets y activos a través de Editar código. - Integraciones de aplicaciones. Agregue bloques de aplicaciones dentro de las secciones en lugar de codificarlos de forma rígida en el tema.
- Actualización. Cambie o actualice un tema sin perder el contenido almacenado en productos y metacampos.
Perspectiva de Shopify
Mantenga una versión limpia de su tema y pruebe los cambios en un duplicado antes de publicarlo. Tenga en cuenta que el proceso de pago (checkout) no está controlado por el tema; se personaliza por separado a través de Checkout Extensibility. Considere un creador de páginas si desea crear páginas de destino sin editar Liquid, y vigile la velocidad de la página cuando instale aplicaciones que agreguen scripts al tema.