Filtros

Enlaces destacados

1. Documentación de Shopify sobre el filtrado en la tienda online
2. Documentación de Shopify sobre los filtros de Search and Discovery
3. Documentación de Shopify sobre los formatos de etiquetas
4. Aplicación Search & Discovery
5. Documentación de Shopify sobre cómo añadir filtros con Shopify Search & Discovery
6. Documentación de Shopify sobre metacampos
7. Documentación de Shopify sobre metaobjetos
8. Documentación de Shopify sobre filtros visuales
9. Documentación de Shopify sobre definiciones de metacampos
10. Documentación de Shopify sobre la edición de filtros

En el tema de Shopify Align, los filtros ayudan a los clientes a acotar las publicaciones del blog, los productos de las colecciones y los resultados de búsqueda. Los filtros de blog utilizan etiquetas de publicaciones, mientras que los filtros de productos se gestionan en Shopify y pueden usar datos de productos estándar, opciones de productos, metacampos y metaobjetos.

Para obtener ayuda con los ajustes del tema Align, utilice soporte de Company XYZ.

Filtrado del blog

Los filtros de blog permiten a los visitantes acotar las publicaciones seleccionando opciones basadas en etiquetas directamente en una página de blog.

Activar los filtros del blog

1. En el administrador de Shopify, vaya a Online Store → Themes → Customize.
2. Abra la plantilla de Blog que desea editar. La misma configuración se aplica a cualquier plantilla de blog.
3. Seleccione la sección Blog content.
4. Active Enable filters.
5. Añada al menos un grupo de filtros.

Crear grupos de filtros

Los grupos de filtros son los encabezados que se muestran en la interfaz de filtros, como “Temas”, “Guías” o “Noticias”.

1. En Blog content → Filters, seleccione Add filter group.
2. Introduzca un Group title.
3. Establezca Filter by en Tags.
4. Añada las etiquetas que desea incluir en el grupo.
5. Elija si el grupo comienza abierto o contraído. Los grupos contraídos pueden mantener la página ordenada cuando hay varios grupos.

Las etiquetas proceden directamente de las publicaciones del blog. Cada etiqueta incluida debe existir en al menos una publicación; de lo contrario, la opción no devolverá resultados. Para obtener orientación sobre el formato de las etiquetas, consulte la documentación de Shopify sobre formatos de etiquetas

La coincidencia de etiquetas no distingue entre mayúsculas y minúsculas, pero los espacios y los caracteres deben coincidir. Por ejemplo, News y news coinciden, pero tag 1 y tag_1 no.

Comportamiento de los filtros del blog

Al seleccionar una etiqueta, las publicaciones visibles se actualizan inmediatamente. Cuando los visitantes seleccionan varias etiquetas, solo se muestran las publicaciones que contienen todas las etiquetas seleccionadas.

Las selecciones se reflejan en la URL, por lo que las vistas filtradas se pueden compartir o añadir a marcadores.

Solucionar problemas de los filtros del blog

Si aparece una opción pero no devuelve publicaciones:

1. Confirme que la etiqueta existe en al menos una publicación.
2. Compruebe que los espacios y los caracteres especiales de la etiqueta coincidan exactamente.
3. Elimine los errores tipográficos o los espacios adicionales de la lista de etiquetas del grupo de filtros.

Filtrado de productos

Los filtros de productos ayudan a los clientes a refinar las páginas de colecciones y los resultados de búsqueda por disponibilidad, tipo de producto, precio, color u otros atributos relevantes. Solo se muestran los filtros y valores aplicables a la colección o los resultados de búsqueda actuales.

Utilice la aplicación Search & Discovery para crear, organizar y personalizar filtros de productos. También proporciona controles para los resultados de búsqueda y las recomendaciones de productos. Consulte personalizar filtros con la aplicación para conocer el flujo de trabajo completo de Shopify.

Para consultar los pasos de configuración actuales, consulte la documentación de Shopify sobre cómo añadir filtros con Shopify Search & Discovery

Comprobar la compatibilidad del tema

El filtrado de productos requiere un tema de Online Store 2.0. Para comprobar la compatibilidad en Shopify, vaya a Online Store → Navigation y revise Collection and search filters.

Si el filtrado no es compatible, aún se pueden crear filtros, pero no aparecerán en la tienda online. Es posible que algunos temas de terceros no compatibles no muestren un mensaje de compatibilidad.

Mostrar filtros de productos

Los temas compatibles con el filtrado proporcionan un ajuste de sección para activar o desactivar los filtros. En Align, revise las plantillas de colección y búsqueda pertinentes en Online Store → Themes → Customize después de crear los filtros en Search & Discovery.

En los temas desarrollados por la plataforma, este ajuste aparece en la sección Product grid de las páginas de colección y en la sección Search results de la página de búsqueda. Después de que un cliente seleccione una opción, la lista de productos se actualiza automáticamente para mostrar los resultados coincidentes.

Orígenes de los filtros de productos

Puede seleccionar hasta 25 filtros. Los filtros estándar están disponibles para todas las tiendas, mientras que los filtros personalizados pueden reflejar la estructura específica de su catálogo.

Filtros estándar

Los orígenes estándar incluyen disponibilidad, precio, proveedor, tipo de producto y etiquetas.

Nota

El filtro de precio solo aparece cuando los clientes compran en la moneda principal de la tienda.

Filtros de opciones de productos

Los filtros de opciones de productos se basan en las variantes. Por ejemplo, los productos con variantes de talla pueden ofrecer un filtro Size.

Como las opciones son filtros a nivel de variante, varios valores seleccionados aún pueden devolver un producto si este tiene variantes coincidentes.

Filtros de metacampos y metaobjetos

Los metacampos pueden proporcionar filtros específicos del catálogo, como un intervalo de edad para juguetes. Los metaobjetos pueden admitir filtros visuales con colores o imágenes fáciles de entender para los clientes.

Los tipos de valores de filtros personalizados compatibles incluyen:

• Texto de una sola línea
• Listas de texto de una sola línea
• Decimal
• Entero
• Verdadero o falso
• Referencia a metaobjeto
• Listas de referencias a metaobjetos

Un metacampo debe tener una definición de metacampo antes de poder seleccionarse como filtro. Después de configurarlo, selecciónelo mientras edita los filtros. Para consultar una configuración guiada, vea añadir filtros personalizados con metacampos

Consejo

Utilice el Bulk Editor para actualizar metacampos y otros atributos de productos en muchos productos.

Crear y editar filtros de productos

1. En la aplicación Search & Discovery, vaya a Filters y seleccione Add filter.
2. Elija el origen del filtro que estará disponible para los clientes.
3. Si lo desea, cambie el nombre de la Label que verán los clientes. Obtenga más información sobre cambiar el nombre de los filtros
4. Si lo desea, cambie la relación entre los valores seleccionados. Obtenga más información sobre el comportamiento de los filtros
5. Si lo desea, combine valores similares en una sola opción visible para los clientes. Obtenga más información sobre la agrupación de valores de filtros
6. Seleccione Save.

Arrastre los filtros en la pantalla Filters para cambiar su orden en la tienda online.

Cambiar la etiqueta de un filtro no cambia el nombre de su origen. Por ejemplo, cambiar el nombre de un filtro basado en una opción de producto no cambia el nombre de esa opción en las páginas de producto.

Valores de filtros

Los clientes solo ven los valores relevantes para la colección o los resultados de búsqueda actuales. Cada filtro puede mostrar hasta 100 valores en la tienda online; agrupar valores similares puede reducir la cantidad mostrada.

La aplicación puede mostrar hasta 1.000 valores para un filtro. Los valores que no son visibles allí aún pueden aparecer en la tienda online cuando el filtro de la tienda se mantiene dentro de su límite de 100 valores. Se aplican distintas reglas de ordenación según el formato del valor.

Agrupar valores similares

La agrupación combina varios valores de origen en un valor visible para los clientes. Por ejemplo, “ónice”, “ébano” y “medianoche” podrían aparecer juntos como “Negro”.

1. En la aplicación Search & Discovery, vaya a Filters.
2. Seleccione Add filter o abra un filtro existente.
3. Elija el origen del filtro.
4. En la tabla Values, seleccione los valores que desea combinar. Utilice la búsqueda o Show more cuando sea necesario.
5. Seleccione Create group.
6. Introduzca el nombre único del grupo que verán los clientes.
7. Seleccione Done y, después, Save.

Si un valor no está disponible en la tabla, utilice el control para añadir otro valor e introdúzcalo manualmente. Un grupo de filtros puede contener hasta 50 valores únicos y una tienda puede tener hasta 1.000 grupos de filtros.

Ordenar los valores de los filtros

Normalmente, los valores se ordenan en orden alfabético o numérico ascendente. Los valores que contienen un número y una palabra compartida se agrupan de forma natural; por ejemplo, los valores de edad se ordenan así:

1. 2 meses
2. 6 meses
3. 2 años
4. 3 años

Los filtros denominados “Size” utilizan un orden personalizado para los términos habituales de tallas y colocan valores como XS antes de S.

Para establecer su propio orden, cree un metacampo de texto de una sola línea con opciones preestablecidas. El orden de las opciones se convierte en el orden de la tienda online, lo que permite secuencias como “Principiante”, “Intermedio” y “Profesional”.

Gestionar los valores vacíos

Los valores vacíos se pueden ocultar, mover al final o dejar en su orden predeterminado. Ocultarlos o darles menor prioridad ayuda a los clientes a centrarse en las opciones que actualmente devuelven productos.

1. En la aplicación Search & Discovery, vaya a Settings.
2. En Filters, elija una opción:
   • Hide elimina los valores vacíos y oculta un filtro cuando todos sus valores están vacíos.
   • Show at the end mueve los valores vacíos debajo de las opciones disponibles.
   • Show in default order conserva la lógica de ordenación normal.
3. Seleccione Save.

Excluir valores no deseados

Para un control preciso, utilice un metacampo que contenga únicamente los valores destinados al filtrado en la tienda online. Esto suele ser preferible cuando las etiquetas de productos también admiten condiciones de colecciones automatizadas o el filtrado de listas de productos del administrador

Un tipo de metacampo de texto de una sola línea o un tipo de lista puede sustituir a un origen de filtro basado en etiquetas de producto.

Filtros visuales

Los filtros visuales pueden asociar valores con colores o imágenes de patrones. Cuando un filtro utiliza un metaobjeto, Display options controla si los clientes ven texto, muestras o ambos.

Requisitos de las muestras

La configuración de una muestra requiere:

1. Un metaobjeto con al menos un campo de texto compatible, como texto de una sola línea, decimal, entero o verdadero o falso.
2. Al menos un campo de color o de archivo de imagen. Los campos de lista no son compatibles con el elemento visual.
3. Un metacampo de producto o variante que haga referencia al metaobjeto.
4. Tanto el metaobjeto como el metacampo de referencia deben estar habilitados para el acceso a la tienda online

El tutorial de metaobjetos proporciona orientación de configuración adicional.

Configurar un filtro visual

1. En la aplicación Search & Discovery, vaya a Filters.
2. Añada un filtro o abra uno existente.
3. Seleccione un filtro con una referencia a un metaobjeto.
4. Seleccione Display options.
5. Elija el metacampo utilizado para la Label del valor.
6. Si Show swatch está habilitado, seleccione un campo de color para Swatch color, un campo de imagen para Swatch pattern o ambos.
7. Desactive Show swatch para mostrar solo las etiquetas.

Nota

Los temas suelen dar prioridad a una imagen de muestra sobre su color. Cuando ambos están configurados, el color normalmente actúa como alternativa cuando no hay una imagen de patrón disponible.

Comportamiento de los filtros

Las selecciones de distintos filtros utilizan la lógica AND. Elegir “Rojo” en Color y “8” en Talla devuelve productos que cumplen ambas opciones.

Los valores del mismo filtro utilizan la lógica OR de forma predeterminada. Elegir “Rojo” y “Verde” en Color devuelve productos que coinciden con cualquiera de los valores. En cambio, los filtros de etiquetas de productos, listas de metacampos y listas de referencias a metaobjetos pueden utilizar la lógica AND.

Para personalizar este comportamiento:

1. En la aplicación Search & Discovery, vaya a Filters y seleccione Add filter.
2. Elija el origen del filtro.
3. En Logic, seleccione la relación aplicada entre los valores.
4. Seleccione Save.

Consulte personalizar el comportamiento de los filtros para obtener más información.

Traducciones de filtros

Las etiquetas, los valores y los grupos de filtros se pueden traducir a los idiomas admitidos. Una aplicación de traducción como Translate & Adapt puede gestionar este contenido. Cuando no hay una traducción disponible, se utiliza el idioma predeterminado.

Los filtros de etiquetas de productos solo aparecen en el idioma predeterminado y los valores de proveedor siempre utilizan el idioma predeterminado. Los demás valores se basan en el contenido traducido de productos y variantes.

Las traducciones incoherentes pueden crear varios valores para el mismo concepto. Por ejemplo, traducir “Marrón” como “Brun” y “Marron” hace que aparezcan ambos valores. Estandarice el contenido traducido de los productos para mantener un único valor.

Los valores de filtros no admiten instancias de idioma adicionales configuradas para mercados específicos. Los valores utilizan la traducción general del idioma, aunque las etiquetas y los grupos de filtros pueden admitir traducciones específicas de cada mercado.

Limitaciones

1. Las colecciones con más de 5.000 productos no muestran filtros. Considere dividir una colección grande en colecciones automatizadas más pequeñas y enlazarlas mediante menús de navegación desplegables
2. Las búsquedas con más de 100.000 resultados no muestran filtros.
3. Un filtro de la tienda online puede mostrar hasta 100 valores. Utilice la agrupación de valores cuando haya más posibilidades.
4. La aplicación puede mostrar hasta 1.000 valores por filtro. Los filtros de metacampos pueden mostrar menos porque solo se comprueba un número limitado de metacampos para obtener valores únicos.
5. Cada grupo de filtros puede contener hasta 50 valores únicos, con hasta 1.000 grupos en todos los ajustes de filtros seleccionados.
6. Los valores de proveedor y de etiquetas no se pueden traducir. Los filtros de etiquetas solo aparecen en el idioma predeterminado y los valores de proveedor siempre utilizan ese idioma.
7. Las traducciones de valores de filtros utilizan los idiomas publicados de la tienda y no muestran las traducciones específicas de mercados configuradas mediante Markets
8. El filtro de precio no aparece para monedas distintas de la moneda predeterminada de la tienda.

Notas de uso

1. Haga coincidir cuidadosamente las etiquetas del blog. Compruebe los espacios y los caracteres especiales siempre que un filtro del blog no devuelva publicaciones.
2. Elija filtros de productos específicos. Priorice los atributos que ayuden significativamente a los clientes a acotar una colección o búsqueda.
3. Consolide los valores similares. Agrupe sinónimos y opciones casi idénticas antes de acercarse a los límites de visualización.
4. Pruebe la lógica de los filtros. Confirme que el comportamiento AND u OR produzca las combinaciones que esperan los clientes.
5. Revise las traducciones. Mantenga coherentes los valores traducidos de los productos para que las opciones equivalentes no aparezcan como filtros independientes.