Facets

Esta función de filtrado inteligente facilita a los visitantes encontrar los artículos adecuados, incluso en las páginas de categoría más grandes.

Los Facets se pueden usar al utilizar Clerk para mostrar páginas de categoría completas, lo que facilita a los visitantes reducir los resultados.

Atributos dinámicos #

Cuando tus productos incluyen varios conjuntos de atributos, los Facets mostrarán solo los filtros que son relevantes para cada página de categoría individual.

Por ejemplo, una categoría de “portátiles” probablemente mostrará especificaciones como RAM, espacio de almacenamiento, tamaño de pantalla, etc., mientras que una categoría de “auriculares” incluirá su ajuste, funcionalidades bluetooth, características de EQ y más.

Asegúrate de importar solo los atributos relevantes para cada producto en tu catálogo, y los Facets serán dinámicos para cada página dependiendo de los productos en ella.

Rangos automáticos #

Los atributos que son números serán reconocidos por los facets y se mostrarán como una combinación de un selector de rango y varios rangos predefinidos.

Estos son dinámicos y cambiarán dependiendo de cada conjunto de resultados. Por ejemplo, si un conjunto contiene productos con precios entre €10 - €150, los rangos probablemente oscilarán entre €10-€30 y €140+.

Por defecto, así es como se manejan los precios.

Para desarrolladores #

Los Facets son parte del kit de interfaz de usuario Clerk.js que facilita agregar funcionalidad a tu sitio.

Están integrados directamente en el fragmento que muestra los resultados:

<div id="clerk-category-filters"></div>

<span 
  class="clerk" 
  data-template="@category-page-grid" 
  data-category="156"
  data-facets-target="#clerk-category-filters" 
  data-facets-attributes='["price","categories","brand"]'
  data-facets-titles='{"price": "PRICE_LABEL", "categories": "CATEGORIES_LABEL", "brand": "BRAND_LABEL"}'
  data-facets-in-url="true">
</span>

Parámetros #

Los Facets constan de dos parámetros que se añaden al fragmento:

• data-facets-attributes: Una lista de atributos que tienen el potencial de ser mostrados para páginas de categoría donde son relevantes
• data-facets-titles: Un array de atributos y títulos asociados que configuran cómo se muestran a los usuarios finales.

Filtrado de URL #

Es posible que desees enviar páginas de categoría prefiltradas en tu marketing, y los Facets hacen esto muy fácil. Al simplemente agregar el parámetro data-facets-in-url a tu fragmento de página de categoría, los facets se agregarán a la URL.

Cuando abras la URL, los facets ya estarán seleccionados:

https://awesomestore.com/sneakers?brand=nike&size=42

Puedes leer más sobre los aspectos técnicos de Facets en nuestra documentación para desarrolladores