Product Grid
Displays site products in a grid. Fetches live data from database.
Type: "productGrid"
Displays site products in a grid. Fetches live data from database.
Props
| Field | Type | Default | Keterangan |
|---|---|---|---|
title | string | "Produk Kami" | Judul |
columns | number (2–4) | 3 | Jumlah Kolom |
limit | number (1–20) | 8 | Limit |
orderBy | 'newest'|'price_asc'|'price_desc' | "newest" | Urutan |
categoryId | string | — | Kategori (UUID) |
showPrice | boolean | true | Tampilkan Harga |
showSaleBadge | boolean | false | Tampilkan Badge Diskon |
Contoh
{
"id": "pro01abc",
"type": "productGrid",
"props": {
"title": "Produk Kami",
"columns": 3,
"limit": 8,
"orderBy": "newest",
"showPrice": true,
"showSaleBadge": false
}
}