En el editor de temas: PersonalizarPágina de colecciónAgregar secciónPágina de colección

Página de colección

La cuadrícula de productos de una colección, con filtros, orden y páginas.

Los filtros vienen de la aplicación Search & Discovery de Shopify. Agrega allí disponibilidad, precio, tipo y tus opciones.

Configuración

Título

Mostrar el título en esta sección
Activado o desactivadoPredeterminado: ActivadoDesactívalo cuando haya una sección propia de Título de colección encima de esta. El título, el número, la descripción y las migas de pan vendrán de esa sección. El botón para filtrar y ordenar siempre queda aquí, encima de los productos.
Mostrar la descripción de la colección
Activado o desactivadoPredeterminado: Desactivado
Espacio sobre el título
Control deslizante, de 0 a 60 pxPredeterminado: 8 pxEn los teléfonos se muestra al 75 % del valor.
Espacio bajo el área del título
Control deslizante, de 0 a 60 pxPredeterminado: 24 px
Menú para la ruta de navegación
MenúCuando la colección está bajo un elemento de este menú, ese elemento aparece en la ruta.

Cuadrícula de productos

Productos por fila al principio
Opción: Grande, Estándar, CompactaPredeterminado: EstándarGrande: un producto por fila en el móvil. Estándar: dos. Compacta: tres, solo foto y precio. En el ordenador, según las columnas de abajo.
Permitir elegir cuántos productos ver por fila
Activado o desactivadoPredeterminado: ActivadoTres botones pequeños junto a «Filtrar y ordenar». La elección se recuerda durante toda la visita.
Columnas en ordenador, vista grande
Control deslizante, de 2 a 4Predeterminado: 3Las tabletas muestran 2, 3 y 4 columnas.
Columnas en ordenador, vista estándar
Control deslizante, de 3 a 5Predeterminado: 4
Columnas en ordenador, vista compacta
Control deslizante, de 4 a 8Predeterminado: 5
Duración del cambio entre vistas
Control deslizante, de 0 a 800 msPredeterminado: 420 msCada producto se desliza a su nuevo lugar. 0: la cuadrícula cambia al instante. Quienes pidieron a su dispositivo menos movimiento siempre ven el cambio al instante.
Productos por carga
Control deslizante, de 8 a 48Predeterminado: 20

Herramientas

Mostrar filtros
Activado o desactivadoPredeterminado: ActivadoLos filtros se configuran en la aplicación Search & Discovery. Sin ella, solo aparecen disponibilidad y precio.
Mostrar ordenación
Activado o desactivadoPredeterminado: Activado
La configuración que comparten todas las seccionesVentana, Desplazamiento, Espaciado, Colores, Estilo del texto

La configuración de ventana, desplazamiento, espaciado y colores funciona igual en todas las secciones. Ver cómo funciona.

Ventana

Unión
Opción: Ventana separada, Unida a la ventana de arriba, Unida a la ventana de abajo, Unida arriba y abajoPredeterminado: Ventana separada
Esquinas de las imágenes
Opción: Redondeadas, RectasPredeterminado: Redondeadas

Desplazamiento

La siguiente sección la cubre al desplazarse
Activado o desactivadoPredeterminado: DesactivadoAl desplazarse hacia abajo, esta sección permanece fija bajo el encabezado y la siguiente sección sube por encima. Al volver hacia arriba, el efecto se invierte. Desactivado en el editor, para los visitantes que pidieron movimiento reducido y en pantallas muy bajas.

Espaciado

Espaciado personalizado para esta sección
Activado o desactivadoPredeterminado: DesactivadoDesactivado: el espaciado entre secciones de la configuración del tema, en Diseño. Activado: los valores de aquí, arriba y abajo de esta sección. En móvil, la mayoría de las secciones usan el 65 % de ellos.
Espacio superior
Control deslizante, de 0 a 160 pxPredeterminado: 0 px
Espacio inferior
Control deslizante, de 0 a 160 pxPredeterminado: 24 px
Ancho del contenido
Opción: Estrecho, Estándar, Ancho, Ancho completoPredeterminado: Estándar

Colores

Esquema de color
Esquema de coloresIgual que el esquema de la página: la sección queda sobre el fondo de la página. Otro esquema da a la sección su propio fondo, como una tarjeta dentro del marco. Los colores personalizados de abajo tienen prioridad.
Usar colores personalizados para esta sección
Activado o desactivadoPredeterminado: DesactivadoDe lo contrario, la sección usa los colores del tema.
Fondo
ColorPredeterminado: #F1F1EF
Texto
ColorVacío: automático. Claro sobre fondo oscuro, oscuro sobre fondo claro.
Estilo del fondo
Opción: Color plano, Escenario iluminadoPredeterminado: Color planoEscenario iluminado: una luz suave desde arriba que se atenúa hacia abajo, a partir del color de la sección, claro u oscuro. En un color oscuro, el texto y los botones se aclaran solos.
Color de la luz
ColorLa luz suave desde el centro superior. Vacío: blanco.

Estilo del texto

Estilo de texto personalizado para esta sección
Activado o desactivadoPredeterminado: DesactivadoDe lo contrario, la sección usa el estilo del tema. Las fuentes de Shopify no incluyen hebreo, así que eliges entre estilos que funcionan en hebreo.
Estilo del título
Opción: Predeterminado del tema, Ligero, Negrita, SerifPredeterminado: Predeterminado del tema
Tamaño del título
Control deslizante, de 70 a 160 %Predeterminado: 100 %
Color del título
ColorVacío: automático, usa el color de la sección (claro sobre fondo oscuro).
Estilo del texto
Opción: Predeterminado del tema, Ligero, Negrita, SerifPredeterminado: Predeterminado del tema
Tamaño del texto
Control deslizante, de 70 a 160 %Predeterminado: 100 %
Color del texto
ColorVacío: automático, usa el color de la sección (claro sobre fondo oscuro).

¿Algo de aquí no coincide con lo que ves en el editor? Escríbenos y corregiremos la guía.