Eliminar productos duplicados en páginas con más de un banner

Excluir productos entre banners, para mostrar sólo los únicos en todos ellos.
Platforms:

Usar esta función fuerza la carga de múltiples Clerk.io recomendaciones una tras otra, en lugar de al mismo tiempo, añadiendo así un peso extra al tiempo de carga de la página.

Asegúrate de que la compensación en tiempo de carga merece la pena para evitar los duplicados.

Clerk.js proporciona una forma sencilla de evitar duplicados entre varios deslizadores de recomendaciones en la misma página.

Esto se hace añadiendo el atributo data-exclude-from en el bloque Clerk del que quieras eliminar los duplicados. El valor del atributo debe ser un selector CSS para el otro bloque del que se desea evitar los duplicados.

En el ejemplo siguiente, el deslizador .clerk2 excluye cualquier producto que esté en el deslizador .clerk1, y el deslizador .clerk3 excluye cualquier producto que esté en los deslizadores .clerk1 o .clerk2.

HTML

<span class="clerk clerk1"
  id="clerk1"
  data-template="@clerk-banner-1">
</span>

<span class="clerk clerk2"
  id="clerk2"
  data-exclude-from=".clerk1"
  data-template="@clerk-banner-2">
</span>

<span class="clerk clerk3"
  id="clerk3"
  data-exclude-from=".clerk1,.clerk2"
  data-template="@clerk-banner-3">
</span>

También puede limitar la exclusión para que sólo se muestren los n primeros productos (una decisión inteligente si tiene un deslizador con 20 productos pero sólo cuatro son visibles en un momento dado).

Esto se hace mediante la opción :limit(n) (donde n es el primer número de productos de los que quieres excluir).

Aquí está el mismo ejemplo de arriba, pero donde el ID de exclusión sólo se refiere a los primeros cinco productos.

**HTML

También puede limitar la exclusión para que sólo se muestren los n primeros productos (una decisión inteligente si tiene un deslizador con 20 productos pero sólo cuatro son visibles en un momento dado).

Esto se hace a través de la opción :limit(n) (donde n es el primer número de productos de los que desea excluir).

Aquí está el mismo ejemplo de arriba, pero donde el ID de exclusión sólo se refiere a los primeros cinco productos.

**HTML

<span class="clerk clerk1"
  id="clerk1"
  data-template="@clerk-banner-1">
</span>

<span class="clerk clerk2"
  id="clerk2"
  data-exclude-from=".clerk1:limit(5)"
  data-template="@clerk-banner-2">
</span>

<span class="clerk clerk3"
  id="clerk3"
  data-exclude-from=".clerk1:limit(5),.clerk2:limit(5)"
  data-template="@clerk-banner-3">
</span>