Template Single Product (WordPress Theme)
Panduan Woo Template Single Product: layout, elemen CTA, galeri, tab deskripsi, upsell, related, sidebar, dan style CTA box.
Section Woo Template - Single Product mengatur tampilan halaman produk. Tab Settings mengontrol layout dan elemen yang tampil (galeri, rating, harga, tombol beli, tab deskripsi, upsell/related). Tab Style fokus ke warna Product CTA Box (area harga, quantity, dan tombol Add-To-Cart).
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 - Single Product.
Tab Settings
Layout produk
| Label di tema | Jenis | Fungsi |
|---|---|---|
| Single Product Layout | Radio | Tata letak gambar dan ringkasan produk |
| Product Image Column Width | Select | Lebar kolom gambar (proporsi grid) |
Single Product Elements
| Label di tema | Fungsi |
|---|---|
| DISABLE product sale flash | Sembunyikan badge sale di halaman produk |
| DISABLE product rating | Sembunyikan rating |
| DISABLE product price | Sembunyikan harga |
| DISABLE product short description | Sembunyikan deskripsi singkat |
| DISABLE quantity input box | Sembunyikan input jumlah |
| DISABLE Add-To-Cart button | Sembunyikan tombol beli utama |
| Add-To-Cart button text | Teks kustom tombol beli |
Semua tombol di halaman produk memakai Primary Color dan Secondary Color dari Global Colors.
Product Information (Item Details) Box
| Label di tema | Fungsi |
|---|---|
| DISABLE product information (item details) box below call-to-action box | Sembunyikan kotak detail item |
| Custom Title For Product Information Box | Judul kotak informasi |
| Show social share below product information box | Tombol share di bawah kotak informasi |
| DISABLE product meta (sku, category, tag) | Sembunyikan SKU, kategori, tag |
| Show social share | Tombol share di area ringkasan |
Single Product Image
| Label di tema | Fungsi |
|---|---|
| Gallery Image Style | Gaya tampilan galeri |
| DISABLE product gallery zoom | Matikan zoom gambar |
| DISABLE product gallery lightbox | Matikan lightbox |
| DISABLE product gallery slider | Matikan slider galeri |
Product Details/Tabs
| Label di tema | Fungsi |
|---|---|
| Product Tabs Layout Width | Lebar area tab (jika tersedia) |
| DISABLE product description detail/tab | Sembunyikan tab deskripsi |
| Custom Title For Product Description | Judul tab deskripsi |
| Show Add-To-Cart Button Below Product Description | Tombol beli di bawah deskripsi panjang (No / Hide atau Yes / Show) |
| DISABLE product attributes (additional information) detail/tab | Sembunyikan tab atribut |
| Custom Title For Product Attributes (Additional Information) | Judul tab atribut |
| DISABLE product review detail/tab | Sembunyikan tab ulasan |
| Custom Title For Product Review | Judul tab review |
Up-Sells dan Related Products
| Label di tema | Fungsi |
|---|---|
| DISABLE upsells products (if any) | Sembunyikan produk upsell |
| Number of products per row | Kolom grid upsell |
| DISABLE related products (if any) | Sembunyikan produk terkait |
| Number of products per row | Kolom grid related |
Sidebar Layout
| Label di tema | Fungsi |
|---|---|
| Sidebar Layout | No Sidebar, Right Sidebar, Left Sidebar |
| Sidebar Width | Lebar sidebar |
| Content Width | Lebar konten tanpa sidebar |
Page Header Text
| Label di tema | Fungsi |
|---|---|
| HIDE Header Text on All Single Products | Sembunyikan header teks di semua produk |
| Use product title for header title | Judul header = nama produk |
Override per produk: metabox Page Header Text saat mengedit produk.
Tab Style
Mengatur warna Product CTA Box:
| Label di tema | Fungsi |
|---|---|
| Product CTA Box - Background / [Dark] | Latar kotak CTA |
| Product CTA Box - Text Color / [Dark] | Warna teks |
| Product CTA Box - Title Color / [Dark] | Warna judul di CTA |
| Product CTA Box - Price Color / [Dark] | Warna harga di CTA |
Tautan Setup Global Colors / Go to Global Colors Settings menuju Theme Settings → General → Global Colors.
Metabox per produk
Saat mengedit produk di Products → Edit, metabox LarisTurbo by TokoPressID menambahkan:
- Page Layout: layout khusus produk ini
- Page Header Text: judul/deskripsi header kustom
- Shop Marketplace Buttons: URL marketplace per produk (jika fitur LarisTurbo aktif)
- Wishlist: counter wishlist manual
Langkah setup disarankan
- Pilih Single Product Layout dan lebar kolom gambar.
- Pastikan elemen penting (harga, kuantitas, tombol beli) tidak di-disable.
- Atur tab deskripsi, atribut, dan review sesuai kebutuhan toko.
- Konfigurasi upsell dan related jika Anda memakai relasi produk di WooCommerce.
- Sesuaikan warna CTA box di tab Style.
- Uji halaman produk simple dan variabel.