Tanya Bartender: Di Mana Tema Blok WooCommerce?

Kapan pengembang tema FSE akan mulai mengintegrasikan dan mempertimbangkan WooCommerce untuk tema mereka? WooCommerce hampir selalu tampak tertinggal dari semua pertimbangan lainnya. Ini agak seperti renungan untuk sekadar mengacak elemen-elemen toko WooCommerce yang solid. Di mana tajuk keranjang persisten? Di mana template untuk /single-product ? Ada berbagai macam elemen yang dapat dikembangkan bersama tim lain yang bekerja di FSE, tetapi tampaknya (sekali lagi, secara konsisten ) tidak terjadi.

Saya telah mengambil Blockbase dan semua tema FSE lainnya untuk diputar di LocalWP, dan tidak satupun dari mereka memiliki elemen WooCommerce di dalamnya. Sekali lagi, seseorang seharusnya tidak mengharapkan kesempurnaan pada tahap "perkembangan". Namun tampaknya ada pola perilaku elemen WooCommerce menjadi sedikit "renungan" yang hanya muncul di belakang sekitar satu tahun atau tahun enam bulan sesudahnya.

Mengapa tidak segera mendapatkan semua orang di halaman yang sama? Dengan cara itu penulis tema dapat mengatasi menempatkan elemen keranjang di templat tajuk. (Ya, WC dapat dijalankan, tetapi tanpa header troli, pembeli tidak tahu di mana harus mengklik setelah item ada di troli mereka). Dan, jika penulis tema dan pengembang inti WP selalu, Selalu, SELALU mulai secara bersamaan dengan satu atau dua orang WooCommerce di dalamnya, itu benar-benar akan mempersingkat waktu yang dibutuhkan pemilik toko untuk menerima manfaat FSE (dan menghapus beberapa pembuat halaman mereka!) dan agar WordPress mendapatkan lebih banyak bisnis Shopify ke WooCommerce. Tapi itu sepertinya tidak pernah terjadi karena WooCommerce sepertinya selalu menjadi "renungan".

brad

Pertama, saya ingin memastikan semua pembaca kami berada di halaman yang sama. WooCommerce adalah plugin pihak ketiga. Ini tidak terkait dengan proyek inti WordPress dan Gutenberg. Memang, WooCommerce dimiliki oleh Automattic, salah satu kontributor sumber daya dan orang terbesar. Jadi, kemungkinan ada beberapa persilangan di antara pengembang.

Masih penting bagi kita untuk membuat perbedaan di antara keduanya. Saat melihat beberapa tema blok terbaru yang telah dirilis pengembang lain, saya belum melihat adanya integrasi dengan plugin WooCommerce. Saya tidak bisa mengatakan apakah salah satu penulis mereka memiliki rencana untuk melakukannya di masa depan. Saya membayangkan bahwa beberapa akan dan yang lain tidak. Seperti halnya plugin pihak ketiga yang mengeluarkan sesuatu di front-end (misalnya, bbPress, Easy Digital Downloads, dll.), itu adalah pilihan penulis tema apakah mereka ingin mengambil beban mendukung integrasi dengan proyek-proyek yang bukan milik mereka. Ini bisa menjadi mimpi buruk pemeliharaan di kali, terutama ketika datang ke tema gratis. Namun, saya tidak ragu bahwa kita akan melihat lebih banyak penulis tema blok yang melayani pengguna WooCommerce saat kita bergerak maju.

Semua ini adalah cara bertele-tele untuk mengatakan tanggung jawab WooCommerce bekerja di dunia blok ada di WooCommerce itu sendiri. Ketika sampai ke tahap itu, penulis tema akan mengikuti.

Salah satu hal yang saya sukai dari sistem blok adalah ia menciptakan standar untuk semua tema dan plugin untuk dibuat. Tujuan jangka panjang dari plugin seperti WooCommerce adalah untuk bekerja tanpa dukungan tema. Jika pengguna menginginkan item keranjang di menu nav mereka, itu harus sesederhana menambahkan blok melalui editor situs. Hal yang sama harus dikatakan untuk elemen lain dalam membuat toko online.

Saya menghubungi Darren Ethier, seorang pemimpin tim teknik di dalam Automattic yang bekerja di persimpangan antara WooCommerce dan Gutenberg. Dia setuju bahwa sistem blok dapat mempermudah pekerjaan tanpa dukungan tema khusus.

"Itu pasti target yang kami bidik," katanya. "Apakah kami akan mendaratkannya di iterasi pertama atau tidak masih belum diketahui."

Namun, jawabannya lebih kompleks dari itu. WooCommerce adalah plugin berat dengan sejarah yang mengakar di era pra-blokir WordPress dan memiliki ekosistem add-on pihak ketiga yang harus berhati-hati agar tidak rusak. Tim membuat kemajuan dan memiliki beberapa hal yang harus diselesaikan. Ini akan memakan waktu, tetapi Anda tidak akan melihat tema blok yang menampilkan toko WooCommerce tanpa plugin terlebih dahulu meletakkan dasar.

Blokir template adalah prioritas tinggi. Template tingkat atas seperti single-product.html , archive-product.html , taxonomy-product-cat.html , dan taxonomy-product-tag.html akan segera tersedia untuk tema yang mengaktifkan blok apa pun.

“Iterasi awal ini akan menjadi port langsung dari template PHP yang ada dan memiliki placeholder untuk rendering template di editor,” kata Ethier. “Kami pada dasarnya membungkus template PHP yang dirender dalam blok dinamis. Ini jelas bukan tujuan akhir. Ini hanyalah langkah awal menuju visi kami 'Pengeditan Toko' di mana pedagang dapat sepenuhnya menyesuaikan tata letak toko mereka menggunakan semua peluang yang tersedia melalui blok dan editor situs.”

Ini lebih merupakan tindakan sementara daripada dukungan penuh. Namun, ini adalah langkah ke arah itu.

“Kami memutuskan untuk mengambil pendekatan ini karena lebih cepat membantu menjembatani kesenjangan antara template berbasis PHP saat ini dan tema blok sehingga orang dapat mulai melihat potensinya (dan masih menambahkan blok di sekitar konten yang dirender PHP),” katanya. . “Kami juga tahu ini akan menjadi pekerjaan yang kompleks untuk lebih sepenuhnya menerapkan visi pengeditan Toko dengan tema blok sambil mendukung (dan menginspirasi) ekosistem ekstensi WooCommerce yang kaya yang ada. Jadi, ini memungkinkan kami untuk secara bertahap meningkatkan berbagai hal dari waktu ke waktu.”

Ini mungkin bukan berita yang ingin didengar oleh semua penulis tema blok, tetapi perubahannya akan cukup bagi mereka untuk mulai menjelajahi integrasi yang lebih erat dengan plugin.

Tim saat ini bertujuan untuk menambahkan dukungan template blok di rilis plugin WooCommerce Blocks berikutnya. Jika semuanya berjalan dengan baik, fitur tersebut akan di-porting ke WooCommerce 6.0, yang seharusnya tepat waktu untuk rilis WordPress 5.9.

“Namun, penting untuk menetapkan ekspektasi (itulah sebabnya saya menyebutkan ini lagi),” kata Ethier. “Iterasi awal ini pasti tidak akan menjadi iterasi terakhir dari template Woo Block.”

Ia juga menyoroti beberapa hal dari roadmap tersebut:

• “Product Element Blocks” – yang setara dengan Woo ke blok template WP. Jadi, hal-hal seperti "Judul Produk", "Deskripsi Produk", "Tombol Tambahkan ke Keranjang", dll.
• Mengintegrasikan dengan WP Query Loop Block (untuk produk).
• “Mini-Cart Block” – yang memungkinkan penyisipan ke bagian template header/footer.
• Pola Perdagangan.

“Semua hal ini (dan lebih banyak lagi) akan membantu kami mengulangi berbagai komponen toko yang diwakili secara visual melalui template, bagian template (yaitu, memikirkan hal-hal seperti ulasan pada halaman produk tunggal, dll.),” kata Ethier .

Untuk melihat lebih dalam tentang apa yang ada di depan, baca Peek into the WooCommerce Blocks Roadmap. Peringatan: padat dan ditujukan untuk pengembang, tetapi harus demikian. Solusi untuk proyek ukuran dan cakupan WooCommerce tidak sederhana.

“Salah satu strategi utama yang kami coba di sini adalah menyediakan templat dan fungsionalitas pengeditan toko WooCommerce default di luar kotak dengan Woo Core yang secara teori seharusnya 'berfungsi' dengan tema blok apa pun,” kata Ethier. “Ada begitu banyak theme.json dan gaya global yang terbuka untuk memungkinkan hal ini. Tema masih dapat mengganti templat dan bagian templat WooCommerce default jika mereka mau, tetapi mereka tidak perlu melakukannya.”

Meskipun mungkin terasa seperti etalase berbasis blok jauhnya bertahun-tahun, kita harus ingat bahwa tema blok masih dalam masa pertumbuhan. Hanya ada sekitar beberapa lusin di direktori, dan sebagian besar bersifat eksperimental.

Saya sama bersemangatnya dengan siapa pun tentang apa artinya ini bagi proyek seperti WooCommerce. Pada saat yang sama, saya juga tahu bahwa jalannya mungkin lebih panjang dari yang ada dalam pikiran kita, tetapi tim WooCommerce sudah melewatinya.