Liquid Modules
  • Modules
    • Getting Started
    • Authentication
    • React
      • Breadcrumbs
      • Carousel
        • Category Carousel
        • Product Carousel
      • Cart
      • Checkout
      • Order Confirmation
      • Order Tracking
      • Product
      • Product List Page
Powered by GitBook
On this page
  • Usage
  • Properties
  1. Modules
  2. React
  3. Carousel

Product Carousel

The product carousel module provides a fully integrated carousel component that displays the most relevant products for a category or a retailer.

PreviousCategory CarouselNextCart

Last updated 1 year ago

Usage

import { FC } from 'react';
import { LiquidProductCarousel } from '@liquidclouddev/modules-react';

export const CategoryCarousel: FC = () => {
  return <LiquidProductCarousel category="WINE" />;
};

export const RetailerCarousel: FC = () => {
  return <LiquidProductCarousel retailer="6565f4e8700628ce19105d26" />;
};

Properties

property
type
default
description

category

string

-

A Liquid Taxonomy category to show products for a specific category.

retailer

string

-

A retailer id to show products for a specific retailer.