Correcto
Logotipo
Añada una identidad visual flexible al encabezado con controles separados de tamaño, colocación y visibilidad del logotipo.
Use este bloque para mostrar el logotipo de su marca en el encabezado y controlar cómo aparece en diseños de escritorio y móvil. Si no añade una imagen, el bloque muestra el nombre de su tienda en su lugar, lo que puede ser útil para una marca basada en texto o como alternativa temporal. Consulte la Logotipo.
Ajustes de núcleo
Sección titulada «Ajustes de núcleo»Añada la imagen de su logotipo y luego ajuste su ancho máximo por separado para escritorio y móvil. Esto le ayuda a mantener el logotipo legible en pantallas pequeñas sin que domine el encabezado en pantallas más grandes. Para obtener más contexto sobre el editor de temas, consulte la documentación de Shopify sobre secciones y bloques
Establecer el ancho en 0 permite que el logotipo se extienda por todo el espacio disponible. Esto funciona mejor cuando el logotipo ocupa su propia fila o tiene muy poco contenido competidor cerca.
Si su logotipo incluye texto pequeño o detalles finos, revise con cuidado los tamaños de escritorio y móvil. Un tamaño de escritorio equilibrado aún puede volverse difícil de leer en pantallas más pequeñas.
Ajustes de diseño
Sección titulada «Ajustes de diseño»Use estos ajustes para elegir dónde se sitúa el logotipo en el encabezado en escritorio y móvil. Izquierda, centro y derecha colocan el bloque dentro de la fila principal del encabezado, mientras que ancho completo lo mueve a su propia fila debajo. Consulte la documentación de Company XYZ sobre los ajustes de diseño de navegación.
Cuando el logotipo comparte una fila con otros elementos del encabezado, su posición afecta a la percepción general del encabezado a primera vista. Una colocación centrada da más protagonismo al logotipo, mientras que una colocación a la izquierda o a la derecha suele funcionar mejor en diseños centrados en la utilidad.
También puede hacer que el bloque llene el espacio restante de la fila en escritorio. Esto resulta útil sobre todo cuando el logotipo debe ayudar a anclar o equilibrar todo el encabezado en lugar de comportarse como un elemento compacto.
Ajustes estándar del bloque
Sección titulada «Ajustes estándar del bloque»Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Use los controles de visibilidad para mostrar u ocultar este bloque según el dispositivo. Esto es especialmente útil cuando desea un tratamiento de logotipo en escritorio y una disposición de encabezado diferente en móvil. Consulte la documentación de Company XYZ sobre los ajustes de visibilidad.
Si oculta el bloque en un dispositivo, asegúrese de que allí siga habiendo otro elemento de marca visible para que el encabezado siga viéndose completo y reconocible.
Notas de uso
Sección titulada «Notas de uso»- Empiece con un archivo de logotipo claro. Use una imagen que se mantenga nítida en los tamaños que planea usar en el encabezado.
- Ajuste el tamaño por dispositivo. Modifique los anchos de escritorio y móvil de forma independiente para que el logotipo siga siendo legible sin ocupar demasiado espacio limitado.
- Adapte la colocación al diseño. Use ancho completo para una fila dominada por el logotipo, o izquierda, centro o derecha cuando el logotipo deba compartir espacio con otros elementos del encabezado.
- Use la expansión con intención. Rellene el espacio disponible solo cuando el ancho adicional mejore el equilibrio del encabezado en lugar de hacer que el área del logotipo parezca demasiado grande.
- Revise ambas vistas. Los controles de escritorio y móvil pueden producir distintos resultados de alineación, visibilidad o diseño, así que compruebe siempre ambos tamaños antes de publicar.
- Elija los medios con intención. Las imágenes separadas para escritorio y móvil pueden cambiar el recorte, la carga, el comportamiento de reserva y la legibilidad, especialmente cuando ambas versiones no coinciden de cerca.
- Mantenga un estilo de reserva sencillo. Es más probable que los valores vacíos, transparentes o con estilo predeterminado conserven el aspecto existente, mientras que los colores explícitos, los degradados o las anulaciones de medios hacen que el área del logotipo se sienta más independiente.