Defaults: ProductRail
The defaults of @poltura/theme-sdk/listing, ProductRail to ProductRail.
On this page
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 | nullProps: 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