Template Cart Page (WordPress Theme)
Panduan Woo Template Cart Page: Simple Cart Slim/Wide, Default layout, kupon, cross-sells, dan teks tombol checkout.
Section Woo Template - Cart Page mengatur tampilan halaman Cart. Opsi utamanya adalah Cart Page Style: mode Simple (satu kolom, fokus ke konversi) atau Default Page Layout (layout tema lengkap, termasuk kemungkinan sidebar).
Tutorial ini berlaku untuk semua tema WordPress by TokoPressID yang mendukung WooCommerce, termasuk LarisManis, Adora, Salvia, LarisGram, LarisDigital, dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.
Cara membuka pengaturan
- Buka TokoPressID → Theme Settings → Theme Settings: WooCommerce.
- Klik Woo Template - Cart Page.
Cart Page Style
| Pilihan | Lebar | Deskripsi |
|---|---|---|
| Simple Cart Page - Slim (680px) | 680px | Layout satu kolom ramping, fokus checkout |
| Simple Cart Page - Wide (1040px) | 1040px | Layout satu kolom lebih lebar |
| Default Page Layout | Penuh | Layout tema standar; sidebar lewat metabox Page Layout |
Default tema: Simple Cart Page - Slim (680px).
Saat memilih Simple Cart Page (Slim atau Wide):
- Header navigasi tema disederhanakan
- Opsi Default Cart Page Layout disembunyikan
- Metabox Page Layout pada halaman Cart menampilkan pesan bahwa layout diatur di Theme Settings
Saat memilih Default Page Layout:
- Section Default Cart Page Layout aktif
- Edit halaman Cart di Pages dan gunakan metabox Page Layout untuk sidebar dan elemen halaman
Simple Cart Page Layout
Opsi berikut hanya muncul jika Cart Page Style = Simple (Slim atau Wide):
| Label di tema | Jenis | Fungsi |
|---|---|---|
| Setup Logo | Pesan | Tautan ke Theme Settings → General → Site Logo |
| Custom Title | Teks | Judul di atas form keranjang |
| Custom Description | Teks | Subjudul atau deskripsi singkat |
| Custom Footer Text | Teks | Teks footer di bawah keranjang |
| Hide Header Logo Image/Text | Checkbox | Sembunyikan logo header |
| Hide Title & Description | Checkbox | Sembunyikan judul dan deskripsi kustom |
| Hide Footer Text | Checkbox | Sembunyikan footer kustom |
Logo memakai pengaturan Site Logo global. Tautan Setup Logo Text/Image di Customizer menuju section logo.
Cart Settings
| Label di tema | Jenis | Fungsi |
|---|---|---|
| DISABLE coupon form on Cart page | Checkbox | Sembunyikan form kupon |
| DISABLE cross-sells products (if any) | Checkbox | Sembunyikan produk cross-sell |
| Maximum number of “Cross-sells” products to show | Radio | Batas jumlah cross-sell: 2, 4, 6, atau all |
| “Proceed to checkout” Button Text | Teks | Label tombol lanjut checkout |
Cross-sell dikonfigurasi per produk di Products → Linked Products → Cross-sells.
Tab Style
Tab Style (Woo Template - Cart Page - Style) berisi pesan Setup Buttons: tombol di halaman Cart memakai Primary Color dan Secondary Color dari Global Colors.
Perbandingan Simple vs Default
| Aspek | Simple Slim/Wide | Default Page Layout |
|---|---|---|
| Lebar konten | Tetap 680px atau 1040px | Mengikuti grid tema |
| Sidebar | Tidak ada | Bisa lewat Page Layout |
| Header/footer tema | Disederhanakan | Header/footer penuh |
| Cocok untuk | Funnel checkout ringkas | Toko dengan sidebar promosi |
Langkah setup
Simple Cart (disarankan untuk konversi)
- Pilih Simple Cart Page - Slim (680px) atau Wide (1040px).
- Atur Site Logo di Theme Settings → General.
- Isi Custom Title dan Custom Description (opsional).
- Centang opsi hide jika ingin tampilan minimal.
- Sesuaikan “Proceed to checkout” Button Text jika perlu.
- Simpan dan uji alur Cart → Checkout.
Default Cart
- Pilih Default Page Layout.
- Edit halaman Cart di Pages.
- Di metabox Page Layout, centang Customize page layout for this page.
- Atur sidebar, breadcrumb, header sesuai kebutuhan.