ProductRail
a scrolling row of product cards with prev/next arrows and a « Voir tout » link: a section on the home page or at the end of a catalogue
role: showcase pages: home, catalog, product motion: reveal
Install
npx shadcn-vue@latest add @trame/commerce-product-rail # Vue
npx shadcn@latest add @trame/commerce-product-rail # Reactrail
@trame/commerce-product-rail--rail a scrolling row of product cards with prev/next arrows and a « Voir tout » link: a section on the home page or at the end of a catalogue
peek
@trame/commerce-product-rail--peek one large card and the next ones peeking in from the edge: a featured selection that draws the eye to one product
aside
@trame/commerce-product-rail--aside the heading, arrows and « Voir tout » held in a narrow column on the left and the numbered rail running from it to the edge of the screen: a calm, editorial row for a home page with room to breathe