Memilih Gaya Preview: Interactive, Multi-font, Classic (LarisFont)
Perbedaan Font Preview Theme Style Interactive, Multi-font Interactive, dan Classic di LarisFont, serta kapan memakai masing-masing gaya.
Opsi Font Preview Theme Style menentukan gaya tampilan widget dan kontrol yang tersedia untuk pengunjung. Pengaturan ini bersifat global: berlaku untuk semua produk/post/page yang preview-nya aktif.
Tiga pilihan gaya
| Pilihan di plugin | Karakteristik | Cocok untuk |
|---|---|---|
| Interactive (Editable text with adjustable size, letter spacing, line height, and alignment controls) | Satu area preview dengan slider ukuran (px), letter spacing, line height, alignment | Produk dengan satu font atau satu weight utama |
| Multi-font Interactive (Separate controls for each font preview, ideal for displaying multiple fonts) | Setiap font dari tombol Add Font punya kontrol terpisah; pengaturan kustom per font di metabox | Paket font, family dengan Bold/Italic/Light, atau bundle multi-style |
| Classic (Similar to CreativeMarket style) | Tampilan familiar marketplace; ukuran preset 24pt, 36pt, 48pt, 72pt | Toko yang ingin UX mirip CreativeMarket |
Langkah memilih gaya
- Buka LarisFont → Dashboard → Font Tester/Preview → Settings.
- Pastikan Enable Font Preview sudah aktif.
- Pada Font Preview Theme Style, pilih salah satu radio button.
- Simpan pengaturan.
- Buka halaman produk di frontend untuk memverifikasi.
Perbedaan pengaturan ukuran
Gaya yang dipilih memengaruhi field ukuran default di Settings global dan metabox produk:
| Gaya | Field ukuran di Settings | Field di metabox produk |
|---|---|---|
| Interactive / Multi-font Interactive | Font Preview Size (Default) dalam px (placeholder 36) |
Custom Default Size (px) |
| Classic | Font Preview Size (Default) preset 24pt / 36pt / 48pt / 72pt | Field ukuran px di metabox tidak ditampilkan |
Multi-font Interactive: pengaturan per font
Saat Multi-font Interactive dipilih, setiap item font di metabox menampilkan tombol Show/hide custom settings for this font dengan opsi:
- Custom Pangrams Selection (separated by new lines)
- Custom Default Text
- Custom Default Size (px)
Ini memungkinkan Regular dan Bold, misalnya, punya teks default atau pangram yang berbeda.
Tips pemilihan
- Produk dengan satu file font → Interactive biasanya cukup.
- Produk dengan 3+ weight (Regular, Medium, Bold, dll.) → Multi-font Interactive agar pengunjung bisa bandingkan side-by-side.
- Audiens terbiasa marketplace internasional → Classic memberi pengalaman yang familiar.
Troubleshooting
| Masalah | Solusi |
|---|---|
| Hanya satu font tampil padahal sudah Add Font berkali-kali | Pastikan setiap item punya file WOFF atau OTF/TTF terupload; item tanpa file valid akan dilewati |
| Kontrol ukuran px tidak muncul | Anda memakai gaya Classic. Ubah ke Interactive jika butuh slider px |
| Gaya berubah tapi tampilan frontend sama | Hard refresh browser (Ctrl+F5); pastikan cache plugin/tema tidak menyimpan HTML lama |