Katalog Produk

Menampilkan katalog produk Sejoli dengan shortcode sejoli_commerce_catalog dan sejoli_commerce_products.

Sejoli Commerce menyediakan katalog produk siap pakai — lengkap dengan filter, pencarian, sortir, dan pagination. Ada dua shortcode sesuai kebutuhan:

Shortcode	Untuk
`[sejoli_commerce_catalog]`	Katalog lengkap: toolbar filter, pencarian, sortir, pagination
`[sejoli_commerce_products]`	Grid produk terpilih tanpa pagination — untuk section di landing page

Katalog Lengkap

[sejoli_commerce_catalog]

Di bagian atas katalog ada toolbar: toggle tampilan grid/list, dropdown sortir, dan tombol Filter. Di bawah judul tampil ringkasan hasil (mis. "20 produk · menampilkan 1–12") dan chip kategori lengkap dengan jumlah produknya — satu klik untuk memfilter.

Atribut

Atribut	Default	Keterangan
`catalog`	`main`	Kunci konfigurasi katalog (untuk pemakaian lanjutan)
`category`	—	Batasi ke satu kategori (slug)
`tag`	—	Batasi ke satu tag (slug)
`featured`	`no`	`yes` untuk hanya produk unggulan
`include` / `exclude`	—	Daftar ID produk, dipisah koma
`product_type`	mengikuti pengaturan	`digital`, `physical`, atau `all`
`sort`	`latest`	`latest`, `featured_first`, `title_asc`, `title_desc`, `price_low`, `price_high`
`per_page`	`12`	Jumlah produk per halaman
`columns_desktop` / `columns_tablet` / `columns_mobile`	mengikuti pengaturan	Jumlah kolom grid per perangkat
`show_sidebar`	mengikuti pengaturan	`no` untuk menyembunyikan panel filter

Filter juga bisa dipra-set lewat URL, misal ?category=webinar&sort=price_low — dan chip filter aktif tampil di atas hasil, lengkap dengan tombol hapus per chip dan tautan Reset.

Tombol Filter membuka panel pencarian lanjutan berisi dua bagian: Kategori dan Tags, dengan tombol terapkan yang menampilkan jumlah hasil sebelum diterapkan. Di perangkat mobile, bar filter & sortir tersedia dalam bentuk ringkas.

Grid Produk Terpilih

[sejoli_commerce_products category="ebook" limit="8" layout="grid" title="Produk Terbaru"]

Cocok untuk section "produk unggulan" di halaman depan. Mendukung tiga tata letak: grid, list, dan slideshow.

Atribut	Default	Keterangan
`ids` / `include`	—	Tampilkan produk spesifik (ID, dipisah koma)
`exclude`	—	Sembunyikan produk tertentu
`category` / `tag` / `featured` / `product_type` / `sort`	—	Sama seperti katalog lengkap
`limit` / `per_page`	`8`	Jumlah produk, maksimum 24
`output` / `layout`	`grid`	`grid`, `list`, atau `slideshow`
`title`	—	Judul section di atas grid
`columns_desktop` / `columns_tablet` / `columns_mobile`	mengikuti pengaturan	Jumlah kolom

Product Bundle

Butuh paket jualan beberapa produk dengan satu link khusus — keranjang terisi otomatis lalu langsung menuju checkout, lengkap dengan opsi harga offer? Gunakan menu Produk → Bundle.

Panduan lengkap termasuk aturan harga offer dan kondisi berlakunya: Product Bundle.

Mode Tampilan Halaman

Halaman Catalog dan Cart dapat dirender dalam dua mode (Pengaturan lanjutan → Katalog & Halaman):

Commerce canvas — halaman dirender penuh tanpa header/footer tema, seperti kanvas mandiri. Di mode Storefront, canvas ini dibungkus shell toko Commerce sehingga tetap konsisten.
Inside your theme template — halaman menyatu dengan layout tema Anda (header, footer, sidebar tema tetap tampil).

Tempat Lain Katalog Muncul

Halaman depan Storefront — grid produk terbaru/unggulan dengan tautan ke katalog (lihat Storefront).
Member area — menu Catalog di dalam member area (lihat Member Area).
Situs eksternal — katalog bisa di-embed ke domain lain lewat script embed (lihat Katalog Embed).

Export JSON

Butuh data produk di luar toko — misalnya untuk membangun storefront sendiri atau menyerahkan datanya ke AI? Pilih produk di Produk → Semua Produk, lalu jalankan bulk action Export JSON (Sejoli Commerce) (atau aksi Export JSON per baris untuk satu produk). File sejoli-export-*.json langsung terunduh.

Isinya identik dengan API publik Commerce — payload buyer-safe yang sama dengan yang diterima storefront: nama, harga & promo, varian, stok, konten, gallery, FAQ, hingga batasan pembelian. Bukan dump database, jadi aman dibagikan dan dijamin tidak berbeda dari yang dilihat pembeli.

Blok _export di dalam file berisi panduan integrasi lengkap: URL toko, cara memasang script embed, atribut tombol add-to-cart (termasuk varian), endpoint handoff checkout, dan aturan wajibnya (harga mengikuti data, ongkir dihitung di checkout, origin storefront harus didaftarkan). File ini siap diberikan ke pembuat storefront mana pun — termasuk AI — tanpa perlu penjelasan tambahan.

Last updated Sep 12, 2026