Elemento de logotipo

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Shopify sobre la personalización de secciones
3. Documentación de Company XYZ sobre los ajustes de visibilidad

Videos útiles

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Use este bloque para añadir un logotipo u otra imagen de marca con texto opcional y un enlace. Es una buena opción para logotipos de socios, listas de distribuidores, certificaciones o menciones en prensa, cuando la imagen debe seguir siendo el elemento central pero un poco de contexto todavía ayuda. Para ver una descripción general de cómo encaja esto en su tema, consulte documentación de Shopify sobre secciones y bloques

Ajustes básicos

Empiece con la imagen y, después, establezca su ancho máximo en función de lo prominente que deba parecer el logotipo en el diseño. Los anchos más pequeños suelen funcionar mejor en filas con varios logotipos, mientras que los anchos más grandes se adaptan mejor a destacados independientes o diseños con poco contenido.

Si establece Max image width en 0, la imagen se amplía hasta ocupar todo el ancho disponible del bloque. Esto puede funcionar bien en diseños estrechos, pero también puede hacer que las filas de logotipos mixtos parezcan desiguales si un elemento se vuelve visualmente dominante.

Use Caption para una etiqueta breve y Text content para un contexto de apoyo conciso. Mantenga ambos breves para que el logotipo siga siendo el foco principal en lugar de competir con un párrafo de texto.

Añada un Link cuando el logotipo deba llevar a los clientes a un lugar útil, como una página de marca, una colección o una página de destino de campaña. Habilite que el enlace se abra en una pestaña nueva solo cuando conservar la página actual sea realmente útil.

Consejo

Cuando aparezcan varios elementos de logotipo juntos, procure que tengan un peso visual similar en lugar de dimensiones idénticas. Los logotipos anchos y altos a menudo necesitan ajustes de ancho diferentes para verse equilibrados uno al lado del otro.

Ajustes estándar de bloque

Ajustes de visibilidad

Use los controles de visibilidad para mostrar este bloque en todos los dispositivos, solo en escritorio o solo en móvil. Esto es especialmente útil cuando desea una disposición de logotipos más sencilla en pantallas pequeñas o necesita cantidades de logotipos distintas según el punto de ruptura. Para obtener detalles de configuración, consulte documentación de Shopify sobre la personalización de secciones

Para el comportamiento compartido de este grupo de ajustes, consulte Ajustes de visibilidad.

Notas de uso

1. Use archivos de logotipo limpios. Elija imágenes con buen contraste y un espacio en blanco integrado mínimo para que se alineen con más limpieza con otros elementos de logotipo.
2. Equilibre visualmente el tamaño del logotipo. Ajuste el ancho según el tamaño aparente de cada logotipo, no solo para igualar valores de píxeles entre archivos.
3. Mantenga el texto breve. Use solo el caption o un texto de apoyo corto que ayude a identificar o aclarar el logotipo.
4. Enlace con intención. Envíe cada logotipo a un destino relevante que ayude a los clientes a seguir navegando o a obtener más información.
5. Compruebe la composición en móvil. Si algunos logotipos se ven apretados o redundantes en pantallas pequeñas, use los ajustes de visibilidad para simplificar el diseño.
6. Revise ambos puntos de ruptura. Los ajustes de escritorio y móvil pueden producir diferente alineación, visibilidad y comportamiento de los medios, así que compruebe ambas vistas después de realizar cambios.
7. Tenga en cuenta las anulaciones de medios. Deje los colores o las opciones de medios en su valor predeterminado cuando quiera que el bloque herede el estilo circundante; las anulaciones explícitas hacen que el elemento de logotipo destaque más y pueden cambiar lo legible que se percibe en la fila.