WooCommerce + Gutenberg 3.7.0 – Teman atau Musuh? Akankah Kami Dengan Mudah Menggunakan Blok Produk di Editor WP Baru Kami?

Diterbitkan: 2018-09-06

Halo teman teman! Seperti yang baru-baru ini saya janjikan di posting ulasan Gutenberg saya, segera, kita akan belajar bagaimana mengelola produk di toko online Anda dengan bantuan Gutenberg.

Hari ini saya bersemangat dengan ide untuk dengan bangga menyajikan ulasan komprehensif dan menyebutnya, misalnya, sesuatu seperti “eCommerce + Gutenberg – Bagaimana Editor Membantu Menjual Online? – Belajar dan Hasilkan”. Dan saya tahu akan sangat bagus untuk mendapatkan pengalaman yang benar-benar baru dalam mengelola toko eCommerce saya, dan khususnya produk saya.

Satu masalah kecil telah mengubah rencana saya dan, yah, sejauh ini Anda tidak akan melihat banyak foto indah dan panduan mendetail tentang cara membuat toko Anda bersinar dengan Gutenberg. Sekarang saya akan merevisi solusi eCommerce baru untuk Gutenberg yang membuat saya penasaran.

Blok Produk WooCommerce Gutenberg – Menyelesaikan Masalah

Saya memiliki situs web WP tempat saya menguji beberapa solusi baru yang menarik untuk blogging dan penjualan online. Setiap kali saya mencoba beberapa ekstensi, add-on, atau plugin baru, saya membuat kesimpulan sendiri mengenai keefektifannya untuk kebutuhan pribadi saya. Saya juga membagikan pendapat saya dengan mereka yang mungkin memiliki kebutuhan yang sama dengan saya dan ingin mempelajari beberapa masukan tentang plugin tertentu sebelum menggunakannya untuk situs web baru mereka.

Anda mungkin akan bertanya: “Apakah Anda menguji plugin premium? Tidak? Tetapi jika Anda hanya menguji yang gratis, lalu mengapa orang lain tidak dapat melakukan hal yang sama? Mereka hanya dapat menginstal plugin apa pun dan mengujinya tanpa membaca masukan apa pun.”

Tentu saja mereka bisa! Tapi satu-satunya masalah adalah waktu. Saya terkadang menghabiskan waktu berjam-jam untuk menguji banyak tumpukan plugin sebelum saya memilih yang cocok yang berfungsi tanpa bug dan menawarkan fungsionalitas yang benar-benar saya butuhkan.

Saya senang untuk menghemat waktu Anda, teman-teman saya! Anda tidak perlu membolak-balik tumpukan solusi yang tidak berguna sebelum memilih solusi yang sederhana, intuitif, dan efisien untuk situs web Anda.

Jadi kali ini saya ingin mengatakan beberapa kata penting tentang penggunaan plugin yang khusus dikembangkan untuk menambahkan produk melalui Gutenberg – editor visual WordPress yang disempurnakan dan diperluas yang telah menggantikan yang klasik dengan cukup sukses.

Ini adalah Blok Produk WooCommerce Gutenberg yang saya masih berharap untuk menguji dalam waktu terdekat. (Seminggu yang lalu saya dapat menginstal dan mengaktifkannya secara gratis, setidaknya tidak ada pemberitahuan yang menyatakan saya harus meningkatkan ke Pro).

Mari kita lihat persyaratan apa yang dimiliki plugin:

• Versi terbaru dari plugin Gutenberg;
• WooCommerce 3.3.0 atau lebih tinggi;
• PHP versi 5.2.4 atau lebih tinggi (disarankan PHP 7.2 atau lebih tinggi);
• MySQL versi 5.0 atau lebih tinggi (disarankan MySQL 5.6 atau lebih tinggi).

Ini bagus, sekarang mari kita lihat apa yang saya punya:

• Versi PHP: 5.6.33-0+deb8u1;
• Versi MySQL: 5.6.39;
• Gutenberg 3.7.0;
• WooCommerce 3.4.5.

Sepertinya semuanya baik-baik saja. Jadi tidak ada yang menghalangi saya untuk mencoba plugin ini, bukan?

Yah, karena saya sudah menginstal dan mengonfigurasi WooCommerce, saya tidak ragu-ragu, jadi saya menginstal dan mengaktifkan editor Gutenberg hanya dengan beberapa klik. Tepat setelah aktivasi saya ditawari untuk mencoba plugin fitur baru untuk itu; dan ini adalah Blok Produk WooCommerce Gutenberg.

Tentu saja saya tertarik dan saya langsung mengaktifkan plugin tersebut. Semuanya baik-baik saja, dan blok Produk tersedia di daftar Blok Gutenberg. Aku merasa senang. Dan saya berharap untuk mencoba plugin fitur ini untuk membuat produk untuk toko saya nanti.

Hari berikutnya saya memutuskan untuk membuat ulasan tentang blok Gutenberg default untuk membagikannya kepada Anda di sini. Saya telah memutuskan untuk menonaktifkan sementara Blok Produk WooCommerce Gutenberg dan kemudian mengaktifkannya nanti untuk meninjau.

Hampir seminggu telah berlalu dan hari ini saya memutuskan untuk kembali ke ide saya mengambil kesempatan untuk menambah dan mengelola produk di Gutenberg dengan bantuan Blok Produk. Saya telah memeriksa persyaratan plugin dan saya mengerti bahwa server saya memenuhinya. WooCommerce dan Gutenberg sudah aktif dan siap bekerja, jadi saya baru saja mengaktifkan plugin Blok Produk tanpa ragu-ragu.

Saya pergi ke Posts -> All Posts dan menemukan posting yang ada di sana, mengklik tautan Edit untuk membuka posting dengan Gutenberg. Saya terkejut mengetahui bahwa tidak ada blok Produk dalam daftar blokir yang tersedia.

Hmm, saya bingung dan membuat posting baru (opsi Tambah Baru) dan hasilnya sama.

Apakah mungkin untuk memperbaiki masalah? Ayo lihat.

Hanya beberapa kata tentang apa yang saya lakukan untuk mempelajari apakah mungkin untuk menyelesaikan masalah (Anda dapat melewati deskripsi ini dan gulir ke bawah untuk melihat hasilnya).

1. Jadi saya telah memeriksa apakah server saya memenuhi persyaratan plugin sekali lagi. Semuanya baik-baik saja.
2. Setelah itu saya menghapus semua plugin untuk mengecualikan konflik.
3. Kemudian saya menonaktifkan dan menghapus Gutenberg dan WooCommerce serta menghapus plugin fitur Blok Produk.
4. Saya membersihkan cache situs web dan cache browser.
5. Saya mengganti tema WordPress default saya dengan Storefront (tema yang direkomendasikan oleh WooCommerce).
6. Saya menginstal dan mengaktifkan WooCommerce dan Gutenberg sekali lagi. Dan kemudian saya menginstal dan mengaktifkan Blok Produk WooCommerce Gutenberg.
7. Memeriksa daftar blokir di Gutenberg, tidak ada…

Semua itu tidak membantu, jadi saya…

1. …memutuskan untuk mencoba server lain (juga memenuhi persyaratan). Saya menginstal WooCommerce dan kemudian Gutenberg ke situs web lain dan saya ditawari untuk menginstal dan mengaktifkan Blok Produk untuk Gutenberg sekaligus, jadi saya melakukannya. Namun, blok produk tidak pernah muncul…
2. Saya bahkan mencoba semua itu di browser yang berbeda, tetapi tidak ada yang berubah.
3. Saya mencoba semua itu dengan tema WordPress yang berbeda, tidak ada…

Hanya kode pendek!

Beranda plugin di WordPress.org mengatakan bug harus dilaporkan di repositori GitHub, jadi saya pergi ke sana untuk membaca apa yang dikatakan orang.

Salah satu masalah yang dibuka beberapa hari yang lalu termasuk pesan bahwa bug ini dikonfirmasi sebagai masalah, tetapi blok masih berfungsi di front-end karena itu adalah kode pendek berdasarkan asalnya.

Salah satu pengguna memberi tahu bahwa blok yang ada dikembalikan ke blok klasik dengan kode pendek:

[kolom produk=”…” id=”…” orderby=”tanggal”]

Sepertinya saya harus menentukan sejumlah kolom tempat saya ingin produk saya ditampilkan dan kemudian memasukkan ID produk yang dipisahkan koma ke dalam kode pendek? Atau tidak?

Saya telah memutuskan untuk mencobanya di situs web saya untuk memastikan ini benar-benar berfungsi. Saya hanya memiliki beberapa produk uji dalam daftar produk saya,

jadi saya memasukkan ID mereka ke dalam kode pendek, dan saya mendapatkan sesuatu seperti ini:

Saya memperbarui posting saya dan melakukan siaran langsung untuk melihat tampilannya. Tidak, itu tidak berhasil, hanya satu produk yang ditampilkan.

Jadi saya mengedit posting saya dan menambahkan satu kode pendek lagi (sebenarnya, saya baru saja menggandakan blok kode pendek pertama dan mengubah id produk di blok baru saya).

Dan kemudian saya memiliki satu ID produk di setiap kode pendek.

Memperbarui pos dan sekarang…

Berhasil! Semua produk ditampilkan.

Sangat disayangkan ada banyak posting yang mempromosikan plugin fitur Blok Produk WooCommerce baru ini untuk Gutenberg, tetapi sebagai hasilnya kami mendapatkan apa yang kami lihat sekarang, blok tersebut tidak berfungsi sejauh ini. Setidaknya, itu tidak berfungsi sebagaimana mestinya dan seperti yang telah dijanjikan dan disajikan kepada ... Berharap untuk memperbarui posting ini segera setelah bug ini diperbaiki.

Milikmu,
Melani H.

Posting Pembaruan 13 September 2018:

Akhirnya! Pembaruan Gutenberg 3.8.0 telah dirilis, sekarang Blok Produk WooCommerce Gutenberg berfungsi sebagaimana mestinya! Baca ulasan baru.