Product List Page

The product list page module is a product detail page template, with real-time availability, custom filtering, and all necessary functionality for user interactions.

Usage

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

const Component: FC = () => {
  return (
    <LiquidProductListPage
      catalogParams={{
        search: 'vodka',
        loc: {
          coords: {
            lat: 38.91243096140747,
            long: -77.03034862807938,
          },
        },
      }}
      onCardClick={() => {
        // navigate to PDP
      }}
    />
  );
};

export default Component;

Properties

property	type	default	description
catalogParams	ICatalogParams	-	Catalog Params to filter the initial page results. See SDK Catalog docs for the available params.
onCardClick	func	-	Callback fired when a product card is clicked.