Cómo editar un tema de Shopify sin romper tu tienda
Cómo editar un tema de Shopify
Cómo editar un tema de Shopify con seguridad: editor, secciones, código | We.Inc
Edita tu tema de Shopify sin romper la tienda en vivo: duplica primero, usa secciones y bloques en el editor de temas y toca el código solo con una copia de seguridad.
Duplica primero el tema para tener una copia de seguridad, luego abre la copia en el editor de temas y cambia secciones, bloques y la configuración del tema sin código. Previsualízala y publícala solo cuando se vea bien. Usa Editar código solo para los cambios que el editor no permite, y copia cualquier archivo antes de modificarlo.
Formas de cambiar un tema de Shopify, de la más segura a la menos
Método
Qué cambias
¿Necesita código?
Configuración del tema
Colores, fuentes, botones y otros estilos de toda la tienda
No
Secciones y bloques
Qué aparece en cada página y en qué orden
No
Editar código
Archivos Liquid, CSS y JavaScript del tema
Sí
Desarrollo local
Todo el tema, con control de versiones
Sí
El editor de temas de Shopify te permite reorganizar tu tienda sin tocar código, y la mayoría de los propietarios nunca necesitan más. Sigue la lista de comprobación de abajo en orden. Mantiene una copia segura en cada paso, así que un cambio desafortunado te cuesta un minuto en lugar de un fin de semana perdido.
Desde tu panel de administración, ve a Tienda online, abre el menú de acciones de tu tema y haz clic en Duplicar.
Haz clic en Personalizar en la copia, no en el tema publicado, para abrir el editor de temas.
Añade, oculta, reordena o elimina secciones y bloques, y define los estilos de toda la tienda en la configuración del tema.
Previsualiza la copia y publícala cuando estés conforme. El tema antiguo se queda en tu biblioteca como respaldo.
Si dudas, oculta una sección en lugar de eliminarla. Una sección oculta conserva su contenido para más adelante.
Cada plantilla admite hasta 25 secciones, y hasta 1250 bloques entre todas ellas, así que las páginas muy largas necesitan recortes.
Si una actualización del tema entra en conflicto con código que cambiaste, Shopify avisa de que tus cambios de código se eliminan en la copia actualizada. Anota cada edición.
Puedes ver el desarrollador y el número de versión de tu tema en el editor de temas, lo que ayuda cuando contactas con soporte.
Preguntas frecuentes
¿Editar mi tema cambiará la tienda en vivo al instante?
Los cambios en el tema publicado se aplican al guardar. Editar un duplicado sin publicar no cambia nada para los clientes hasta que publiques esa copia.
¿Qué diferencia hay entre una sección y un bloque?
Una sección es una parte de la página que ocupa todo el ancho, como un carrusel de imágenes o una colección destacada. Los bloques son las piezas más pequeñas que contiene, como un encabezado, un botón o una imagen.
¿Cómo deshago un cambio de código?
En el editor de código, la vista Cronología de un archivo permite restaurar una versión anterior. Shopify advierte que el historial de la cronología es limitado y que restaurar sustituye el archivo entero, así que copia antes lo que quieras conservar.
¿Puede el soporte de Shopify editar mi tema por mí?
En los temas creados por Shopify, el soporte puede ayudar con ciertas personalizaciones predefinidas, pero no escribe código a medida. Para un tema de pago, pregunta a su desarrollador o contrata a un Shopify Partner para el trabajo a medida.
¿Cuántas copias de un tema puedo guardar?
Las tiendas con planes Basic, Grow y Advanced pueden tener hasta 20 temas. Si llegas al límite, tienes que eliminar uno antes de duplicar otro.
Cuándo abrir Editar código
Shopify recomienda editar el código del tema solo si sabes HTML y CSS y tienes nociones básicas de Liquid, su lenguaje de plantillas. Los motivos típicos son un pequeño ajuste de estilo que la configuración no ofrece, o un fragmento que una app te pide pegar.
Antes de guardar, copia el archivo original en un archivo de texto en tu ordenador. Eso te da una segunda red de seguridad además de la propia cronología de Shopify.
Por qué importa el duplicado
Una copia aparece en tu biblioteca de temas como Copia de más el nombre original. Cámbiale el nombre por algo claro, como la fecha y lo que cambiaste, para distinguir las versiones más adelante.
Publicar una copia es reversible: el tema anterior sigue en la biblioteca y puedes volver a publicarlo si bajan las ventas o algo se ve roto.
Lo que el editor guarda por ti
Cada tipo de página de un tema moderno es una plantilla JSON: una lista de secciones, su configuración y su orden. El editor de temas escribe este archivo cuando arrastras elementos, y por eso rara vez necesitas editarlo a mano.
Una pequeña plantilla de página de producto
El objeto sections contiene cada sección y su configuración; order es la lista que Shopify renderiza de arriba abajo.
Lista de comprobación para editar con seguridad
{n} de {v} pasos hechos
Empezar de nuevo
Todos los pasos hechos. Tu tema antiguo sigue en la biblioteca si lo necesitas.
Duplica el tema publicado desde Tienda online
Cambia el nombre de la copia para distinguirla
Abre la copia con Personalizar
Define colores, fuentes y botones en la configuración del tema