Skip to main content

ArtinTech Solution

Custom Mobile Column Visibility for the WooCommerce Orders List

Panel Screen Options WordPress (tab kecil di penjuru kanan atas kebanyakan skrin senarai pentadbiran) membolehkan anda memilih lajur yang dipaparkan. Apa yang tidak diberitahunya ialah pilihan itu hanya terpakai di desktop. Di bawah titik henti 782px WordPress sendiri, setiap lajur kecuali tajuk utama baris dilipat di sebalik togol ketik untuk kembang, tanpa mengira tetapan Screen Options.

Dua keperluan berbeza, satu tetapan

Keterlihatan desktop dan mudah alih ialah soalan yang benar-benar berbeza: pengurus yang menyemak senarai pesanan di telefon antara panggilan memerlukan set lajur yang jauh lebih kecil dan terpilih berbanding seseorang di desktop yang menyemak jadual penuh. Teras WordPress tiada cara untuk menyatakan perbezaan itu; ia menganggap “kelihatan” sebagai satu keadaan universal.

Panel tetapan kedua khusus untuk mudah alih

Kami menambah panel kecil yang boleh dilipat di atas senarai pesanan, Also show on mobile…, berasingan daripada tab Screen Options asli, menyenaraikan lajur yang sama (Status, Jumlah, Nombor telefon, ID transaksi kurier dan lain-lain) dengan kotak semak untuk memilih yang kekal kelihatan di skrin telefon, di atas apa yang sudah dipilih untuk desktop.

Pilihan disimpan sekali untuk seluruh laman dan dikuatkuasakan oleh CSS yang dijana secara dinamik dan dihadkan kepada titik henti mudah alih WordPress: setiap lajur yang dipilih mendapat peraturan khusus display: table-cell !important yang mengatasi tingkah laku lipatan lalai platform bagi lajur itu sahaja, dan yang lain dilipat seperti biasa.

Mengapa ia bermula dalam keadaan terlipat

Panel itu sendiri disembunyikan di sebalik pautan togol kecil, bukan dipaparkan sentiasa: ia tetapan yang jarang digunakan, bukan kawalan harian, dan kotak tetapan yang sentiasa terbuka di atas senarai pesanan akan menambah kekusutan yang ciri ini cuba elakkan di telefon.

Pengajaran utama

  • Pelipatan lajur responsif WordPress agresif dan tidak boleh dikonfigurasi secara lalai; ia menyembunyikan data walaupun pemilik laman telah membuat pilihan jelas dalam Screen Options.
  • Keterlihatan desktop dan mudah alih ialah keputusan berasingan dan layak mendapat kawalan berasingan, bukan satu tetapan yang memikul dua tugas.
  • Tetapan yang jarang digunakan patut terlipat secara lalai walaupun berguna; keterlihatan sesuatu kawalan patut sepadan dengan kekerapan ia digunakan.

Bacaan berkaitan: memperluas tetingkap pratonton pesanan, mereka bentuk semula halaman penjejakan pesanan.

Menghadapi had yang serupa dalam panel WooCommerce atau WordPress anda sendiri? Mari berbincang: ArtinTech Solution membina alat kedai tersuai seperti ini.

Share this article

Tinggalkan Balasan

Alamat e-mel anda tidak akan disiarkan. Medan diperlukan ditanda dengan *