Ajustes de la interfaz de la cuadrícula

Enlaces destacados

1. Documentación de Shopify sobre el editor de temas
2. Documentación de Company XYZ sobre los ajustes de interfaz de cuadrícula
3. Documentación de Shopify sobre secciones y bloques

Videos útiles

Vídeo de Shopify Academy: personalización de su tienda

Vídeo de Shopify Academy: personalización de su tienda

Use estos ajustes para controlar cómo se perciben las páginas basadas en cuadrículas al explorarlas. Puede establecer el diseño predeterminado para pantallas grandes y móviles, y luego decidir si los clientes ven una interfaz integrada para cambiar ellos mismos el tamaño de la cuadrícula. Para obtener una visión general más amplia de cómo se organizan los ajustes del tema, consulte la documentación de Shopify sobre el editor de temas

Este grupo de ajustes es especialmente útil en páginas en las que los clientes revisan varios artículos en una cuadrícula. Una buena configuración le ofrece un valor predeterminado sólido y, al mismo tiempo, deja margen para distintas preferencias de navegación.

Diseño predeterminado de la cuadrícula

Las opciones de tamaño de cuadrícula para escritorio y móvil establecen la vista inicial cuando aparece una cuadrícula por primera vez. Un diseño más denso muestra más artículos a la vez, mientras que un diseño más amplio da a cada tarjeta más espacio para imágenes, títulos, precios y otros detalles.

En pantallas grandes, una cuadrícula más ajustada puede funcionar bien cuando las tarjetas son visualmente simples y es probable que los clientes comparen muchos artículos rápidamente. Una cuadrícula de escritorio más espaciosa suele ser más fácil de explorar cuando las tarjetas incluyen nombres más largos, insignias, muestras de color u otra información de apoyo.

El móvil merece su propia decisión. Un diseño de una sola columna da a cada artículo más protagonismo visual y puede mejorar la legibilidad, mientras que un diseño de dos columnas ayuda a los clientes a revisar más rápido con menos desplazamiento.

Elija el valor predeterminado en función de la cantidad de contenido dentro de cada tarjeta, no solo del número de artículos que quiere mostrar. Si las tarjetas incluyen varias etiquetas o texto más largo, una cuadrícula más densa puede sentirse abarrotada muy rápidamente.

Controles del tamaño de la cuadrícula

Cuando la interfaz de tamaño de cuadrícula está activada, los clientes pueden cambiar a un diseño que se ajuste a su propio estilo de navegación. Esto resulta útil cuando algunos visitantes quieren revisar tantos artículos como sea posible, mientras que otros prefieren tarjetas más grandes que sean más fáciles de leer.

Si desea una presentación más seleccionada, puede dejar la interfaz desactivada y confiar en los valores predeterminados que estableció. Si la flexibilidad es más importante, activar el control ofrece a los clientes una forma sencilla de ajustar la vista sin cambiar el contenido subyacente.

Para obtener más detalles sobre cómo funciona esta interfaz en las cuadrículas admitidas, consulte Ajustes de la interfaz de la cuadrícula. Para obtener orientación relacionada sobre la configuración del tema, consulte la documentación de Shopify sobre secciones y bloques

Controles fijos

La interfaz fija mantiene estos controles disponibles cerca de la parte superior de la página mientras los clientes se desplazan. Esto puede hacer que la experiencia de navegación sea más fluida en páginas de cuadrícula largas, ya que no necesitan volver arriba solo para cambiar el diseño.

Los controles fijos son más útiles cuando las cuadrículas son largas y es probable que se cambie el diseño después de empezar a desplazarse. En páginas más cortas, o en diseños que ya mantienen varios controles visibles, una interfaz fija puede parecer innecesaria.

Consejo

Use controles fijos cuando la elección del diseño forme parte de la experiencia de navegación, no solo como una pequeña comodidad. Si es poco probable que los clientes cambien de vista, una configuración más simple sin fijar suele verse más limpia.

Notas de uso

1. Empiece por el contenido de la tarjeta. Elija la densidad de la cuadrícula según cuánto texto y detalle de apoyo necesita mostrar con claridad cada tarjeta.
2. Ajuste el móvil por separado. Establezca el valor predeterminado para móvil pensando en la legibilidad en pantallas pequeñas, en lugar de replicar la preferencia de escritorio.
3. Revise ambos tamaños de vista. Los controles de escritorio y móvil pueden afectar de forma distinta al diseño, la alineación, la visibilidad y la presentación de medios, así que compruebe cada tamaño de pantalla antes de publicar.
4. Tenga en cuenta las diferencias de vista previa. La vista previa del editor puede hacer que una cuadrícula esté disponible antes de que exista contenido real, así que confirme el resultado final con contenido real siempre que sea posible.
5. Espere cambios en el comportamiento del control deslizante. Si la cuadrícula se presenta como un diseño de estilo control deslizante, la navegación, la paginación, la vista previa y el comportamiento de los puntos de interrupción pueden diferir de una cuadrícula estática o de un diseño apilado.
6. Mantenga intacto el estilo de reserva. Deje vacíos los valores o mantenga el estilo predeterminado cuando quiera que el área circundante conserve su aspecto integrado; use colores, degradados o sustituciones de medios explícitos solo cuando quiera que el área de la cuadrícula destaque más.