3 Cara Untuk Memperbaiki Halaman Produk WooCommerce Di WordPress

Jika Anda menjalankan toko WooCommerce di WordPress, Anda mungkin mengalami masalah dengan halaman produk yang tidak muncul dengan benar di tema Anda. Ini bisa menjadi masalah yang membuat frustrasi, tetapi untungnya ada beberapa hal yang dapat Anda lakukan untuk memperbaikinya. Pada artikel ini, kami akan menunjukkan cara memperbaiki halaman produk WooCommerce di tema WordPress . Kami akan membahas tiga metode berbeda: 1. Memperbarui file template WooCommerce Anda 2. Memodifikasi CSS tema Anda 3. Menambahkan template halaman produk WooCommerce kustom Mari kita mulai!

Halaman produk toko WooCommerce sering kali menjadi salah satu halaman terpenting. Membuat halaman yang berbeda secara visual adalah bagian penting untuk menjaga gaya toko Anda tetap konsisten. Dalam tutorial ini, kami akan menunjukkan cara mudah menyesuaikan tata letak halaman produk WooCommerce tunggal menggunakan Astra Pro. Elementor WooCommerce Builder akan digunakan untuk mencapai ini. Akibatnya, gambar yang Anda pilih untuk digunakan harus diatur agar produk Anda terlihat jelas selama konversi. Penyesuai Produk Tunggal memungkinkan Anda mengubah tata letak Galeri dan lebar gambar. Selain itu, Anda dapat mengaktifkan atau menonaktifkan fungsionalitas Ajax Add to Cart (jalur produk di atas judul) dan mengaktifkan remah roti (jalur produk di atas judul).

Jika Anda belum menginstal dan mengaktifkan WooCommerce, template produk yang disediakan oleh Elementor tidak akan tersedia. Sangat disarankan agar Anda memilih template yang telah dirancang sebelumnya untuk perusahaan Anda dan menyesuaikannya agar sesuai dengan merek Anda. Bahkan jika Anda tidak memiliki keterampilan yang diperlukan untuk membuat template segera, Anda masih dapat melakukannya jika Anda bekerja keras. Pastikan halaman produk tunggal Anda disematkan dengan widget produk untuk memberi pelanggan Anda pengalaman berbelanja yang berbeda. Pembuat halaman produk Elementor memungkinkan Anda mengontrol semua elemen yang menyusunnya. Judul Produk, Galeri, Gambar, Harga, Rating, Deskripsi Singkat, Breadcrumbs, Tab Data, Stok, Terkait, Upsell, Tambahkan ke Keranjang, Meta, Konten, dan Informasi Tambahan semuanya dapat ditampilkan sebagai komponen widget. Widget Tambahkan ke Keranjang menambahkan fungsionalitas ke keranjang dengan menampilkan penyesuaian dan tata letak tombol tambahkan ke keranjang.

Widget tab produk adalah cara utama untuk mengakses informasi produk. Anda dapat mengubah gaya widget produk terkait dengan memilih produk tertentu. Saat Anda mengklik tombol ini, Anda akan dapat beralih antara opsi tampilan Desktop, Tablet, dan Seluler. Secara default, template yang kami buat akan berlaku untuk semua halaman produk di toko WooCommerce Anda. Di sudut kiri bawah halaman, pilih ikon pengaturan, lalu klik ikon mata pada halaman produk baru untuk melihat pratinjaunya. Catat ukuran font yang Anda inginkan. Anda dapat menggunakan filter produk atau plugin shorting untuk mengoptimalkan toko Anda.

Dalam urutan hierarkis, Anda dapat mengatur semua informasi produk sehingga pelanggan dapat mempelajari lebih lanjut tentang produk Anda. Plugin pengoptimalan gambar dapat mengoptimalkan gambar beresolusi tinggi, tetapi tidak dirancang untuk mempercepat situs Anda. Dengan membiarkan pelanggan melihat produk dalam gambar, dia akan lebih percaya diri dalam keputusan mereka. Jika Anda ingin pelanggan Anda memahami harga dengan cepat, sesuaikan halaman produk sehingga menampilkannya dalam font besar. Jika Anda ingin menonjolkan harga, gunakan warna yang kontras. Harga asli, serta diskon apa pun, harus ditampilkan di sebelah harga baru. Jika Anda belum memutuskan desain Anda, Anda mungkin perlu memikirkannya kembali jika harganya tidak segera jelas.

Halaman Produk Woocommerce Tidak Ditampilkan dengan Benar

Masalah ini dapat diatasi dengan masuk ke bagian Produk dan kemudian bagian Visibilitas Katalog. Pengaturan sekarang harus "Belanja dan hasil pencarian." Saat Anda memasukkan informasi ini, produk Anda akan muncul di halaman WooCommerce Anda dan di hasil halaman pencarian.

Pelanggan Toolset mengalami masalah dengan halaman produk tunggal WooCommerce. Espa*ol (Spanyol) adalah pengganti yang baik untuk bahasa Inggris (Inggris). Zona waktu untuk Eropa/London adalah 01:00 (GMT). Saya perhatikan bahwa jika Tata Letak aktif dan Anda telah membuat templat khusus untuk produk Anda, itu akan digunakan bahkan jika pengaturan Tampilan WooCommerce menyatakan bahwa templat standar harus digunakan. Situs Anda adalah multi-situs dan tidak dapat dikustomisasi atau dinonaktifkan/diaktifkan oleh plugin, jadi dia tidak dapat mengaksesnya. Bagaimana saya bisa mengiriminya kata sandi admin super? Saya telah memverifikasi bahwa template Layout sedang digunakan pada produk dan ada alasan mengapa template tersebut tidak terlihat persis seperti yang Anda harapkan.

Tema lain yang tidak menggunakan Bootstrap sebaiknya menghindari penggunaan layout secara umum. Tampilan Template Konten dapat digunakan sebagai pengganti Tampilan. Meskipun mereka tidak memiliki kemampuan untuk memasukkan konten ke dalam kolom, mereka memiliki kanvas kosong untuk markup. Tata letak menyebabkan struktur satu halaman produk berubah, sehingga tidak ada penandaan konten halaman dengan benar. Pengaturan Tampilan WordPress memungkinkan Anda memilih apakah akan menggunakan tata letak produk, tetapi bukan templatenya; dalam kasus kami, Anda dapat memilih apakah akan menggunakan tata letak produk atau template WooCommerce-nya. Tata letak satu halaman Produk tidak akan kompatibel dengan tata letak Tata Letak. Jika Anda sudah memiliki Tata Letak yang ditetapkan untuk Produk atau Toko, harap hapus tugas tersebut dari setiap Produk (JANGAN gunakan tata letak) atau dari tata letak Template.

Sekarang Produk Anda akan dirender saat muncul di tema. Jika Tampilan Produk salah, kemungkinan besar karena tema, seperti yang Anda tahu, Toolset tidak berpengaruh pada output setelah itu. Tampilan dan Tata Letak WooCommerce tidak akan bermasalah jika situs Anda tidak memiliki keduanya yang aktif. Anda dapat menonaktifkan seluruh alat untuk memastikan bahwa produk Anda persis seperti yang diinginkan Tema. Tidak akan ada perubahan pada gambar akibat screenshot yang dibagikan.

3 Hal Yang Harus Diperiksa Jika Ulasan Tidak Muncul di Halaman Produk

Ketika ulasan tidak muncul di halaman produk , ada beberapa hal yang harus dicari. Dimungkinkan untuk menonaktifkan ulasan agar tidak muncul di halaman produk jika Anda tidak ingin mereka melakukannya. Untuk menonaktifkan ulasan, buka Produk. Jika Anda tidak dapat menambahkan atau mengedit ulasan, Anda mungkin perlu mengosongkan cache browser Anda. Jika masalah berlanjut setelah mengosongkan cache, Anda mungkin perlu mengubah pengaturan hosting Anda. Saat menggunakan tema WordPress, Anda mungkin perlu mengubah pengaturan ulasannya. Anda bisa masuk ke bagian Review dengan masuk ke Appearance. Anda harus mengatur slider ke true atau satu di sisi kanan layar Anda.

Cara Menambahkan Produk Woocommerce Ke Halaman WordPress

Menambahkan produk WooCommerce ke halaman WordPress adalah proses sederhana yang dapat dilakukan dalam beberapa langkah. 1. Masuk ke situs WordPress Anda dan buka halaman tempat Anda ingin menambahkan produk. 2. Klik tombol “Tambah Media” di atas editor. 3. Klik pada tab “Unggah File”. 4. Pilih produk WooCommerce dari komputer Anda yang ingin Anda tambahkan. 5. Klik tombol “Sisipkan ke halaman”. Produk sekarang akan ditambahkan ke halaman WordPress.

Proses menambahkan produk ke postingan atau halaman apa pun di toko WooCommerce. Jika Anda menggunakan plugin Tabel Produk, Anda dapat menampilkan produk dalam tata letak tabel/daftar, memungkinkan pengguna untuk menambahkannya ke keranjang mereka tanpa meninggalkan pos atau halaman tempat produk tersebut ditampilkan. Untuk menampilkan produk di Post atau Halaman apa pun, kami akan menunjukkan cara membuat tabel produk. Untuk menyimpan perubahan setelah membuat tabel, klik Simpan Perubahan di sudut kanan atas layar. Untuk menyisipkan tabel di mana saja dalam posting atau halaman, kita memerlukan kode pendek tabel. Untuk menyalin kode pendek, buka Pengaturan Umum plugin. Kode pendek ini dapat digunakan untuk menampilkan tabel pada setiap posting atau halaman di toko Anda.

Untuk menempelkan kode pendek, pertama-tama kita harus menyertakan Blok Kode Pendek. Saya akan menempelkan blok setelah paragraf pertama posting. Setelah posting diperbarui, Anda dapat memeriksa untuk melihat apakah tabel produk telah ditambahkan. Pengguna sekarang dapat menambahkan produk apa pun ke keranjang mereka setelah meninggalkan posting blog. Menggunakan editor blok WordPress, Anda dapat menambahkan produk ke halaman atau posting mana pun. Karena editor blok disertakan dengan versi WordPress terbaru dan yang akan datang, kami tidak perlu menginstal plugin apa pun untuk menerapkan metode ini. Sebelum menginstal plugin Gutenberg, pastikan Anda memiliki WordPress versi lama yang menyertakan editor klasik.

Pilih Produk berdasarkan Kategori untuk menambahkan produk ke halaman WooCommerce Anda atau mempostingnya di toko Anda. Temukan produk dengan mengetikkan namanya di bilah pencarian, yang akan menampilkan daftar semua blok yang terkait dengan produk. Setelah Anda memilih kategori, Anda akan diminta untuk menambahkan produk dengan mengklik tombol Selesai. Untuk memperbarui halaman, klik tombol Perbarui di sudut kanan atas layar Anda.