Template Shop Page Storefront (WordPress Theme)
Atur kolom produk, tampilan harga, tombol beli, sidebar, dan header halaman Shop Storefront di Theme Settings.
Section Storefront - Shop Page mengatur arsip katalog di URL /shop/ (slug arsip CPT product): jumlah produk per halaman, kolom grid, posisi harga, perilaku tombol, sidebar, dan teks header.
Tutorial ini berlaku untuk tema WordPress by TokoPressID dengan integrasi LarisDigital Storefront, termasuk LarisDigital dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.
Tutorial ini berlaku untuk semua tema WordPress by TokoPressID, termasuk LarisManis, Adora, Salvia, LarisGram, LarisDigital, dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.
Cara membuka
TokoPressID → Theme Settings → Theme Settings: Storefront → Storefront - Shop Page
Tab Settings dan Style (jika tersedia) mengatur fungsi dan warna elemen grid.
Field utama (Settings)
| Field | Setting ID | Keterangan |
|---|---|---|
| Products per page | larisdigital_store_shop_per_page |
Jumlah produk per halaman arsip |
| Columns (desktop/tablet/mobile) | larisdigital_store_shop_columns, _tablet, _mobile |
Kolom grid responsif |
| Price position | larisdigital_store_shop_price |
'' (default), right, image, disable |
| Show button | checkbox terkait | Tampilkan tombol di kartu produk |
| Button type | larisdigital_store_shop_button_type |
'' = ke halaman produk; addtocart = langsung ke URL beli |
| Button text | field teks terkait | Label tombol di grid |
| Sidebar layout / width | field sidebar | Layout sidebar katalog |
| Page header | field header | Judul/deskripsi header halaman Shop |
Tab Style
Atur warna elemen grid Shop (mis. tombol, badge) jika section Style aktif. Warna global tombol utama juga ada di Theme Settings → General → Global Colors.
Langkah mengatur
- Buka Storefront - Shop Page.
- Set Products per page dan Columns sesuai desain.
- Pilih Price position (mis. di bawah judul atau di atas gambar).
- Untuk tombol langsung ke link beli eksternal, set Button type ke opsi yang mengarah ke URL beli (
addtocart). - Atur sidebar jika katalog memakai widget samping.
- Save Changes, buka
/shop/di frontend.
Verifikasi
- Grid produk responsif (desktop/tablet/mobile)
- Harga dan tombol tampil sesuai opsi
- Pagination berfungsi jika produk melebihi Products per page