Fejlesztőknek
Kezdj bele
Témák/Theme SDK/Modules/listing/Defaults: ProductRail

Defaults: ProductRail

Ez az oldal még csak angolul érhető el.

The defaults of @poltura/theme-sdk/listing, ProductRail to ProductRail.

Ezen az oldalon
import { … } from '@poltura/theme-sdk/listing';

ProductRail

A titled row of product cards with a "view all" link, as a grid or a scrolling row with arrows; nothing without cards.

ProductRail(props: ProductRailProps): ReactElement | null

Props: ProductRailProps

import { useProducts } from '@poltura/theme-sdk/data';
import { ProductRail } from '@poltura/theme-sdk/listing';

export function BestSellers() {
  const { data } = useProducts({ sort: 'popularity', limit: 8 });
  return <ProductRail title="Best sellers" cards={data?.items ?? []} layout="carousel" perView={4} />;
}

See also: ProductCard

Utoljára frissítve