Liquid personalizado

Enlaces destacados

1. Documentación de Shopify sobre metacampos y fuentes dinámicas
2. Documentación de Shopify sobre secciones y bloques
3. Documentación de Company XYZ sobre ajustes de visibilidad

Videos útiles

Vídeo de Shopify Academy: Personalizar tu tienda

Vídeo de Shopify Academy: Personalizar tu tienda

Use esta sección para colocar salida Liquid personalizada directamente en un diseño de página, incluidos fragmentos de aplicaciones, contenido de metacampo u otros detalles dinámicos de la tienda online. Es la mejor opción para personalizaciones avanzadas en las que necesita un control preciso sobre lo que aparece y dónde aparece.

Ajustes estándar de sección

La campo Liquid personalizado es el núcleo de esta sección. Úselo para pegar fragmentos proporcionados por la aplicación o agregar su propia salida Liquid para detalles de producto, contenido de colecciones, metacampos u otros elementos dinámicos.

Mantenga su configuración enfocada y pruebe en pasos pequeños. Un fragmento breve y funcional es mucho más fácil de depurar que un bloque grande de código y contenido mezclados. Para obtener una visión general más amplia de cómo funcionan las secciones en los temas, consulte documentación de Shopify sobre secciones y bloques

Esta sección muestra exactamente lo que agrega. Si Liquid está incompleto, no es compatible con la plantilla actual o se pega incorrectamente, la sección puede aparecer en blanco o comportarse de forma inesperada.

Si está agregando código de una aplicación, péguelo tal como se proporciona a menos que esté seguro de que cambiarlo es lo correcto. Si está escribiendo su propia salida, asegúrese de que el contenido coincida con la página en la que se usa la sección, ya que los datos disponibles pueden variar según la plantilla.

Ajustes estándar de sección

Ajustes de visibilidad

Los ajustes de visibilidad controlan si esta sección aparece en escritorio, móvil o en ambos. Esto es especialmente útil cuando desea contenido o formato de Liquid personalizado diferentes para distintos tamaños de pantalla.

Use la visibilidad basada en el dispositivo de forma intencional. Si la sección contiene contenido importante, ocultarla en un dispositivo puede eliminar esa información por completo de esa experiencia de cliente.

Notas de uso

1. Empiece con un fragmento simple. Confirme que la sección se renderiza en el lugar correcto antes de agregar lógica o marcado más complejos.
2. Coincida con el contexto de la plantilla. Use contenido que tenga sentido para el tipo de página, ya que parte de la salida dinámica solo funciona cuando los datos correctos están disponibles.
3. Mantenga intactos los fragmentos de aplicaciones. Pegue el código proporcionado por la aplicación tal cual, a menos que comprenda por completo cómo afectarán las ediciones al resultado.
4. Use la visibilidad con un propósito. Oculte la sección en escritorio o móvil solo cuando esté creando intencionalmente diseños diferentes para distintos dispositivos.
5. Revise ambas vistas. Revise la sección en escritorio y móvil, ya que la alineación, el espaciado, la visibilidad o el comportamiento de los medios pueden diferir entre tamaños de pantalla.
6. Espere un estilo de reserva. Los valores en blanco, transparentes o de estilo predeterminado suelen conservar el estilo circundante, mientras que los colores, degradados o anulaciones de medios explícitos hacen que la sección se sienta más independiente.