Templates/commerce/Product Listing

Product Listing

commerce

Grid/list product browse with filters.

4 sections

Section Composition

1

Header + Filters

Section 1 of the Product Listing layout

2

Product Grid

Section 2 of the Product Listing layout

3

Pagination

Section 3 of the Product Listing layout

4

Visual Wireframe

Header + Filters

Product Grid

Pagination

Usage

// Import sections for the Product Listing
import { ProductListingPage } from "@/components/pages/product-listing"

// Compose from 4 sections:
// 1. Header + Filters
// 2. Product Grid
// 3. Pagination
// 4. Recently Viewed