April 4, 2017

Penambahan asterix character pada Custom fields osclass

Penambahan asterix character (bintang "*") pada Custom fields

Lanjut lagi trik dan tutorial osclass nya.
Terkadang hal2 yang dianggap sepele malah jadi sangat penting dalam
memberikan pemahaman terhadap user dan berpengaruh terhadap userexp
Contoh nya formulir/field isian pada osclass, tepat nya bagian custom fields.
standard nya custom fields osclass tidak memiliki tanda apapun meskipun field itu disetting "wajib diisi/required" dari admin panel.
Set Custom fields pada admin required (wajib diisi)


Hasil custom fields
Terlihat pada gambar "Hasil custom fields" tampilan pada user tidak ada perbedaan dengan field dibawah nya, field : "Berat",
Padahal form Brand dan Ukuran adalah "required" ini menyebabkan user tidak tahu kalau field itu wajib diisi...
seperti umum nya kebanyakan field yang wajib diisi sering ditandai dengan bintang asterix ( * )
Ok pada field tersebut kita edit dan tambahkan saja bintang di depan nya....edit lagi dari admin dashboard.

Yap berhasil... tanda bintang tampil pada nama field dengan cantik jadi user akan tau kalau itu wajib diisi.

Namun masalah baru muncul... tanda bintang alias asterix ( * ) itu juga tampil di halaman item dan jadi gak pas kalau dilihat.

Solusi nya kita harus membedakan tiap2 custom fields yang akan tampil di item
dengan cara edit file item.php pada folder theme.
( dalam contoh ini menggunakan theme bender base dan ada 3 custom fields yang telah dibuat pada admin panel )
yaitu : Brand,Ukuran,Berat  dimana Brand dan Ukuran wajib diisi oleh user. ( required )

Identifier name masing2 adalah :
Brand = brand-cuy
Ukuran = ukuran
Berat = berat-total
Identifier name dapat di set pada bagian advance option pada waktu edit/add Custom fields.

cari baris code berikut di item.php


ganti dengan :


keterangan :
- setiap isi dari Custom fields dipanggil sendiri2 dalam 1 php.
- sementara nama nya tidak dipanggil melainkan diganti dengan text yang bisa di update nanti dari po dan mo file, agar ready untuk multi language site.


selesai sekarang pada bagian user input telah terdapat tanda asterix/bintang (*)
dan tanda tersebut tidak terdapat pada halaman item.



Tambahan :
Q : Pertanyaan baru muncul bagai mana kalau custom fields nya banyak dan sepertinya memerlukan tabber atau accordion agar lebih enak diliat / tidak memanjang kebawah...kek theme2 mahal gitu....?
A : emang ga ada habis nya kalo ngoprek wkwkwkw.... next post klo mood gw post tutor nya....


Rimbaraya Nyatadimaya we do green...

3 comments:

Thank's
We will contact you soon..