SupabaseProductList Component Test

Spreadsheet-style product list with pagination and Add to Cart placeholder.
Category: "Drag 17 Forged" | Page Size: 10 products

Loading products...

📋 How to Use in Plasmic Studio

  1. Open Plasmic Studio
  2. Find "SupabaseProductList" in components
  3. Drag it onto your page
  4. Select a category from the dropdown
  5. Set pageSize for pagination
  6. Toggle showAddToCart as needed

✨ Features

  • Spreadsheet-style table layout
  • Column headers: Part #, Description, MSRP
  • Pagination with configurable page size
  • Add to Cart button (placeholder for Shopify)
  • Styled to match site design
  • Loading, error, and empty states

🛒 Shopify Integration (Coming Soon)

The "Add to Cart" button is currently a placeholder. When Shopify integration is complete, clicking it will add the product to your Shopify cart.