FAQ

Ocultar el slider de Categoría #

Cuando una Recomendación de Clerk.io se añade a una página de categoría que contiene una baja cantidad de productos, mostrará los mismos productos en la página.

Para evitar esto, puedes ocultar la Recomendación en las páginas de categoría, añadiendo una sentencia if al código de diseño de Recomendación.

Cambia el número en la sentencia if por la cantidad mínima de productos necesarios para mostrar la Recomendación.

{% if products.length > 7 %}
 
 <!-- Recommendation code -->

{% endif %}

Por ejemplo:

{% if products.length > 7 %}
<div class="clerk-wrapper">
    <div class="clerk-headline-wrapper">
        <h2 class="clerk-headline">{{headline}}</h2>
    </div>
    <div class="clerk-slider-wrapper">
        <div class="clerk-slider">
            {% for item in products %}
            <div class="clerk-slider-content">
                <!-- START PRODUCT CARD -->
                <!-- END PRODUCT CARD -->
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}

Este método solo oculta el slider, pero aún cuenta para el uso de tus Recomendations. Para unas pocas categorías, este método funciona bien.

Sin embargo, si tienes muchas categorías con pocos productos, recomendamos bloquear la inyección del slider a nivel de servidor en su lugar.

Recomendar productos compatibles #

La IA de Clerk recomienda productos basándose en lo que es más probable que se compre junto. Esto funciona bien para la mayoría de las tiendas, pero algunos catálogos contienen productos que deben ser física o técnicamente compatibles — como repuestos de coches, componentes electrónicos o piezas de repuesto para máquinas.

En estos casos, que un producto sea popular no es suficiente. También tiene que ser compatible con el producto que el cliente está mirando.

La solución es etiquetar tus productos con atributos que definan la compatibilidad y luego usar filtros dinámicos para restringir las recomendaciones solo a los productos coincidentes.

La IA de Clerk aún determinará cuáles son los mejores productos para mostrar, pero solo dentro del subconjunto que pasa el filtro. Esto significa que obtienes lo mejor de ambos mundos — ordenamiento inteligente dentro de una selección compatible.

Agregar atributos #

Los atributos que necesitas dependen de cómo funciona la compatibilidad en tu catálogo. Deben sincronizarse con Clerk como parte de tus datos de producto, ya sea a través de tu integración o mediante la API.

Puedes verificar que tus atributos estén disponibles yendo a Data > Products y navegando por cualquier producto.

Aquí hay tres patrones comunes, de simple a avanzado.

Un solo atributo #

Si todos los productos del mismo proveedor son compatibles entre sí, añade el proveedor como un atributo en cada producto. Luego filtra las recomendaciones para mostrar solo productos con el mismo proveedor.

En tu código de inserción, define una variable que contenga el proveedor del producto actual y úsala como filtro:

<span class="clerk"
      data-template="@product-page-alternatives"
      data-products='["CURRENT_PRODUCT_ID"]'
      data-filter="vendor = $product_vendor">
</span>

var product_vendor = "ACME Corp";

Esto asegura que un cliente viendo un producto de ACME Corp solo verá recomendaciones del mismo proveedor.

Múltiples atributos #

A veces, un solo atributo no es suficiente. Por ejemplo, una pieza de coche puede necesitar coincidir tanto con la marca como con el modelo de un vehículo.

Puedes combinar múltiples condiciones en un solo filtro:

<span class="clerk"
      data-template="@product-page-alternatives"
      data-products='["CURRENT_PRODUCT_ID"]'
      data-filter="make = $product_make and model = $product_model">
</span>

var product_make = "Toyota";
var product_model = "Corolla";

Solo se mostrarán productos que coincidan con ambos la marca y el modelo.

Grupos de compatibilidad #

En catálogos más complejos, cada producto tiene una lista única de otros productos con los que es compatible, y esto no puede capturarse solo con atributos compartidos.

La solución es calcular un identificador de grupo basado en el conjunto de IDs de productos compatibles y almacenarlo como un atributo. Los productos que comparten exactamente el mismo conjunto de artículos compatibles tendrán el mismo identificador, permitiéndote filtrar por él.

Por ejemplo, si los productos A, B y C son compatibles entre sí, podrías calcular un hash de sus IDs ordenadas y almacenarlo como un atributo compatibility_group en cada uno de ellos. Luego filtra por este atributo:

<span class="clerk"
      data-template="@product-page-alternatives"
      data-products='["CURRENT_PRODUCT_ID"]'
      data-filter='compatibility_group = $product_group'>
</span>

var product_group = "a1b2c3d4";

Este enfoque funciona bien cuando las relaciones de compatibilidad provienen de una base de datos externa o un sistema PIM. El hash debe volver a calcularse cada vez que cambien los datos de compatibilidad y sincronizarse con Clerk junto con el resto de los datos de producto.

Consejo: Si un producto puede pertenecer a múltiples grupos de compatibilidad, guarda los identificadores como un atributo de lista y usa el operador in en lugar de =. Lee más sobre la sintaxis de filtros.

Elegir el enfoque correcto #

Comienza con el enfoque más sencillo que cubra tu caso de uso. Siempre puedes añadir más atributos más adelante si necesitas un control más detallado.

Para profundizar en todas las formas en que puedes usar filtros en códigos de inserción, consulta Filtrado Dinámico.