Editar el código del tema

Enlaces destacados

1. Directorio de partners de Shopify
2. Documentación de Shopify sobre la estructura de los temas y cómo ampliarlos
3. Documentación para desarrolladores de Shopify sobre Liquid
4. Documentación de Shopify sobre cómo duplicar temas
5. Documentación de Shopify sobre la asistencia para temas
6. Documentación de Shopify sobre cómo subir imágenes de temas
7. Themes del panel de administración de Shopify
8. Documentación de Shopify sobre las versiones de los temas
9. Documentación de Shopify sobre la personalización de temas
10. Documentación de Shopify sobre dónde encontrar asistencia para tu tema

Videos útiles

Vídeo de Shopify Academy: Personalizar tu tienda

Vídeo de Shopify Academy: Personalizar tu tienda

Editar el código del tema Align

Editar el código te permite realizar cambios detallados en tu tienda online Align en Shopify. Los archivos del tema pueden contener Liquid, HTML, CSS, JSON y JavaScript.

Edita el código únicamente si te sientes cómodo trabajando con HTML y CSS y tienes conocimientos básicos de Liquid. Usa el editor de temas de Align cuando te permita realizar el cambio que necesitas.

Precaución

Las actualizaciones del tema pueden eliminar los cambios de código que sean incompatibles con la copia actualizada. Realiza una copia de seguridad antes de comenzar.

Si necesitas ayuda con preguntas específicas sobre Align, empieza por la asistencia de Company XYZ. Si necesitas una función personalizada y no tienes experiencia con HTML, CSS y JavaScript, la asistencia de Company XYZ puede ayudarte a identificar el siguiente paso adecuado.

Antes de personalizar Align

Completa estos pasos antes de realizar cambios en el código:

1. Duplica tu tema para crear una copia de seguridad.

   Puedes descartar los cambios y volver a empezar desde esta copia si es necesario.

2. Revisa el nivel de asistencia disponible para tu tema.

3. Consulta los requisitos y las prácticas recomendadas para subir imágenes

Editar el código del tema

1. En el panel de control de Shopify, ve a Online Store > Themes

2. Busca la copia del tema Align que quieres cambiar, haz clic en … > Edit code.

3. Selecciona un archivo del directorio de la izquierda para abrirlo en el editor.

4. Realiza los cambios. Puedes abrir y editar varios archivos a la vez.

   Los archivos modificados muestran un punto junto a su nombre, lo que te ayuda a identificar dónde has realizado cambios.

Restaurar una versión anterior del tema

Si necesitas revertir un cambio, puedes restaurar archivos .liquid individuales a una versión guardada anteriormente.

Los archivos de la carpeta Assets, incluidos theme.scss.liquid y theme.js, no conservan versiones editadas anteriores. Guarda una copia independiente de los cambios realizados en estos archivos por si necesitas recuperarlos.

1. En el panel de control de Shopify, ve a Online Store > Themes

2. Busca la copia del tema Align que quieres editar, haz clic en … para abrir el menú de acciones y, a continuación, selecciona Edit code.

3. En Templates, selecciona un archivo .liquid editado recientemente.

4. Selecciona Current version debajo del nombre del archivo.

5. Usa el menú desplegable para elegir una versión anterior.

   Al seleccionar una fecha y hora, se restaura esa versión guardada.

6. Opcional: selecciona Preview store para confirmar que el problema se ha solucionado.

Usar Theme Check

Theme Check proporciona información inmediata mientras escribes código, para que puedas identificar problemas antes de que afecten a tu tienda online Align activa.

Puede identificar problemas como los siguientes:

• Scripts que bloquean el análisis y pueden ralentizar una tienda online.
• Incoherencias en los archivos de traducción, incluidas claves de traducción ausentes o traducciones que no coinciden con un archivo de configuración regional.
• Plantillas ausentes.

Aparece una línea roja debajo del código que contiene un error identificado. Pasa el cursor sobre la línea resaltada para ver sus detalles.

Encontrar tutoriales de personalización de temas

Los tutoriales de personalización del código del tema pueden guiarte en los cambios de páginas o funciones específicas. Elige tutoriales que coincidan con la versión de la arquitectura de tu tema; aprende a identificar la versión de la arquitectura de tu tema

1. Personalización de temas de Online Store 2.0

Obtener ayuda con las personalizaciones

Para obtener orientación específica sobre Align, contacta con la asistencia de Company XYZ. Company XYZ ofrece asistencia para Align y puede ayudarte a comprender las opciones relacionadas con el tema antes de realizar cambios.

Los recursos de asistencia de Shopify también explican dónde encontrar asistencia para tu tema y recursos adicionales de asistencia para temas. Usa la asistencia de Shopify para cuestiones relacionadas con el panel de administración de Shopify, la cuenta, la facturación u otros asuntos gestionados por la plataforma.

Notas de uso

1. Trabaja desde una copia de seguridad. Duplica tu tema Align antes de cada sesión de personalización del código.
2. Usa la herramienta adecuada. Da preferencia al editor de temas cuando pueda ofrecer el resultado sin realizar cambios en el código.
3. Verifica los cambios. Obtén una vista previa de la tienda después de editar o restaurar un archivo para confirmar que el resultado es el esperado.
4. Edita los recursos con cuidado. Conserva tu propia copia de los cambios realizados en los archivos de Assets, ya que allí no están disponibles las versiones editadas anteriormente.