Facets

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

Facets se pueden utilizar cuando se usa Clerk para mostrar páginas de categorías completas, lo que permite a los visitantes reducir fácilmente los resultados.

Dynamic Attributes #

Cuando tus productos incluyen varios conjuntos de atributos, Facets solo mostrará los filtros 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 y así sucesivamente, mientras que una categoría de “auriculares” incluirá su ajuste, funcionalidades bluetooth, características de EQ y más.

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

Automatic ranges #

Los atributos que son números serán reconocidos por facets y mostrados 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 y €150, los rangos probablemente serán entre €10-€30 y €140+.

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

For developers #

Facets forma parte del kit de UI 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 #

Facets consta de dos parámetros que se agregan al fragmento:

• data-facets-attributes: Una lista de atributos que pueden mostrarse en las páginas de categoría donde son relevantes
• data-facets-titles: Un array de atributos y títulos asociados que configura cómo se muestran a los usuarios finales.

URL Filtering #

Es posible que quieras enviar páginas de categorías pre-filtradas en tu marketing, y Facets facilita mucho esto. Simplemente agregando el parámetro data-facets-in-url a tu fragmento de página de categoría, 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