Storefront

Storefront adalah lapisan tampilan toko Sejoli Commerce: cara storefront, katalog, keranjang, dan halaman produk Anda ditampilkan ke pembeli. Mode presentasinya dipilih saat Setup Wizard dan bisa diubah kapan saja dari Ecommerce → Pengaturan lanjutan → Storefront.

Tiga Mode Presentasi

Mau membangun homepage sendiri dengan page builder (Elementor, Divi, dsb.) di mode Pertahankan situs web yang sudah ada? Lihat Homepage dengan Page Builder.

Halaman Depan Storefront

Di mode Storefront, Commerce membuat halaman WordPress bernama Storefront (berisi shortcode [sejoli_commerce_home]) dan menjadikannya homepage situs. Strukturnya:

1. Header toko — logo/nama situs, menu navigasi (default: Beranda, Produk), kotak pencarian dengan saran produk langsung, tombol Keranjang, dan tombol Akun (Login/Akun Saya).
2. Hero — badge (default Toko resmi, bisa diganti di pengaturan), judul sambutan, deskripsi singkat, tombol Lihat produk, tombol Produk unggulan (hanya tampil bila ada produk yang ditandai unggulan), poin kepercayaan (maks 4 baris), serta kartu produk hero yang dipilih di pengaturan.
3. Chip kategori — navigasi cepat ke katalog per kategori (hanya kategori yang punya produk tampil).
4. Grid produk — deretan produk terbaru atau unggulan (8 produk) dengan tombol Lihat semua produk.
5. Banner ajakan (CTA) — opsional; tampil hanya jika judul, label tombol, dan tujuannya terisi.

Halaman depan, katalog, keranjang, dan halaman produk Commerce dibungkus shell toko yang sama — header dan footer milik Commerce (canvas), sehingga tampilan konsisten tanpa bergantung pada tema. Header toko bersifat sticky dan bisa disesuaikan di Pengaturan lanjutan → Tampilan → Header: sembunyikan seluruh header, matikan menu/pencarian, serta atur background dan warna teksnya. Logo, lebar logo, dan judul situs diatur di kartu Branding pada tab yang sama.

Mengelola Konten Beranda

Semua teks halaman depan dikelola di Ecommerce → Pengaturan lanjutan → Storefront:

• Status presentasi — mode aktif, beranda WordPress saat ini, dan status snapshot beranda.
• Homepage hero — badge hero, headline, pengenalan singkat, poin kepercayaan, dan produk hero (ketik untuk mencari produk).
• Call to action banner — judul, deskripsi, label + tujuan tombol, dan warna banner.
• Navigation and product collection — menu navigasi header dan koleksi grid produk (terbaru / unggulan).
• Tombol aksi: Simpan konten beranda (hanya memperbarui teks/menu), Pratinjau storefront (pratinjau privat, tidak diindeks mesin pencari), Terapkan mode presentasi, dan Kembalikan beranda lama.

Snapshot & Pengembalian Beranda

Setiap kali Storefront mengganti homepage:

1. Pengaturan homepage lama (show_on_front, halaman depan, mode render) disimpan sebagai snapshot.
2. Snapshot bisa dipulihkan kapan saja dari dashboard Ecommerce (Kembalikan beranda lama) atau dari tab Storefront — tanpa menghapus halaman Storefront itu sendiri.
3. Pengembalian tidak akan menimpa perubahan homepage yang Anda lakukan manual setelahnya (dibandingkan dulu sebelum dipulihkan).