Cara Mengatur WooCommerce di Theme Settings (WordPress Theme)

Panduan hub Theme Settings WooCommerce tema WordPress TokoPressID: panel template toko, harga produk variabel, badge sale, dan navigasi ke pengaturan Shop, Product, Cart, Checkout, My Account.

Panel Theme Settings: WooCommerce mengatur tampilan halaman-halaman toko: halaman Shop, halaman produk, halaman Cart, halaman Checkout, dan halaman My Account. Pengaturan ini berbeda dari WooCommerce → Settings yang lebih fokus ke operasional (stok, shipping, payment, dan lain-lain).

Belum memasang WooCommerce? Mulai dari Cara Setup Integrasi WooCommerce. Tutorial ini adalah panduan hub Theme Settings setelah integrasi aktif.

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.

Yang bisa Anda atur

Fitur penjualan lanjutan (wishlist, marketplace buttons, WhatsApp, Meta Pixel, dan lainnya) diatur lewat LarisTurbo dan metabox terkait, bukan di panel ini.

Prasyarat

• Tema WordPress by TokoPressID aktif dengan lisensi valid
• Plugin WooCommerce terpasang dan aktif
• Halaman Shop, Cart, Checkout, dan My Account sudah dibuat WooCommerce (biasanya otomatis saat instalasi)

Cara membuka pengaturan

1. Login ke WordPress Admin.
2. Buka TokoPressID → Theme Settings.
3. Klik panel Theme Settings: WooCommerce.

Atau dari Appearance → Customize, buka panel Theme Settings: WooCommerce (jika Customizer tersedia di instalasi Anda).

Navigasi section

Di dalam panel Theme Settings: WooCommerce, section tersusun sebagai berikut:

Pengaturan global produk

1. Variable Product Price dan Sale Badges: section Woo - Variable Product Price dan Woo - Sale! & Sold-Out Badges
2. Template Shop Page: Woo Template - Shop Page (tab Settings dan Style)
3. Template Single Product: Woo Template - Single Product
4. Template Cart Page: Woo Template - Cart Page
5. Template Checkout Page: Woo Template - Checkout Page
6. Template My Account: Woo Template - My Account

Beberapa section halaman (Shop, Single Product, Cart, Checkout) punya dua tab:

• Settings: fungsi dan layout
• Style: warna dan tampilan elemen

Tombol warna global (Primary Color, Secondary Color) ada di Theme Settings → General → Global Colors. Section Style WooCommerce menautkan ke sana untuk tombol halaman terkait.

Hubungan dengan metabox

Untuk halaman Shop dan My Account, tema menampilkan petunjuk: edit halaman tersebut di Pages dan gunakan metabox Page Layout serta Page Header Text di editor.

Metabox LarisTurbo by TokoPressID dijelaskan di kategori Theme Metabox.

Classic Cart / Checkout vs Block

Pengaturan checkout di tema (misalnya DISABLE login form, HIDE Checkout order review) bekerja penuh dengan shortcode [woocommerce_checkout] (Classic Checkout). Kompatibilitas dengan Checkout block terbatas.

Untuk toko Indonesia, tema dan ekosistem TokoPressID umumnya menganjurkan Classic Cart dan Classic Checkout. Lihat juga dokumentasi migrasi block ke classic jika toko Anda masih memakai block.

Langkah styling awal yang disarankan

Setelah setup integrasi WooCommerce selesai:

1. Buka Theme Settings: WooCommerce.
2. Atur Show variable product price sesuai gaya harga toko Anda.
3. Sesuaikan Sale! dan Sold Out badges.
4. Konfigurasi Woo Template - Shop Page (kolom produk, elemen grid).
5. Pilih Cart Page Style dan Checkout Page Style (Simple Slim/Wide atau Default).
6. Simpan setiap section setelah mengubah opsi.
7. Uji di frontend: halaman Shop, satu produk, Cart, dan Checkout.

Troubleshooting singkat