Cara Menggunakan Atribut Produk WooCommerce Langkah demi Langkah [Panduan Lengkap]
Diterbitkan: 2022-01-11
Secara default, WooCommerce memungkinkan Anda untuk menambahkan atribut produk. Atribut produk WooCommerce adalah cara yang bagus untuk menyoroti fitur utama suatu produk. Jika Anda tidak yakin, pikirkan dari sudut pandang pelanggan. Jika Anda adalah pelanggan potensial, Anda perlu mengetahui tentang atribut produk tertentu, sehingga Anda dapat membuat keputusan yang tepat, terutama di sisi keuangan. Ini akan sangat meningkatkan pengalaman berbelanja pelanggan di Toko WooCommerce Anda.
Atribut Produk WooCommerce
Dalam tutorial ini, saya akan menunjukkan kepada Anda bagaimana menggunakan atribut produk untuk memberikan perbedaan seperti warna atau ukuran serta memberikan lebih banyak informasi teknis tentang produk dan variabel pengaturan Anda. Selain itu, Anda akan mempelajari lebih lanjut tentang cara menggunakan atribut produk di WooCommerce. Selain itu, saya akan memberi Anda cuplikan PHP yang akan membantu Anda untuk Menampilkan Atribut Produk WooCommerce di toko online Anda.
Versi default WooCommerce memungkinkan Anda untuk mengatur atribut global yang dapat diterapkan nanti ke produk baru atau yang sudah ada seperti ukuran. Selain itu, Anda dapat menambahkan atribut khusus. Perlu disebutkan, bahwa jika Anda memiliki banyak produk yang memerlukan atribut khusus yang sama, maka Anda mungkin ingin mempertimbangkan untuk menentukan atribut berulang.
Namun, penting untuk dicatat bahwa pengaturan halaman default tidak menawarkan fitur yang menonjol untuk menampilkan atribut produk WooCommerce. Dalam tema lain, bagian ini terletak jauh di bawah sehingga pelanggan tidak dapat melihatnya. Dengan semua itu, mari kita selami lebih dalam bagaimana Anda dapat Menggunakan dan menampilkan atribut Produk WooCommerce.
a) Langkah-langkah untuk Menambahkan Atribut yang Telah Ditetapkan ke Toko Anda
Berikut adalah langkah-langkah yang perlu Anda ikuti:
- Masuk ke situs WordPress Anda dan akses Dasbor sebagai pengguna admin.
- Dari menu Dasbor, klik Produk > Atribut .
- Di bawah bidang nama, Anda perlu memasukkan nama atribut.
Untuk memasukkan nilai atribut, Anda dapat mengklik Configure terms .
- Klik Tambahkan Atribut.
b) Langkah-langkah untuk Menambahkan Atribut Kustom ke Produk Individual
Seperti yang ditunjukkan sebelumnya, Anda mungkin merasa lebih baik untuk menetapkan atribut khusus ke produk unik daripada melalui langkah-langkah di atas. Ini adalah tampilan default produk tanpa atribut khusus: 
Berikut adalah langkah-langkah sederhana yang perlu Anda ikuti:
- Masuk ke situs WordPress Anda dan akses Dasbor sebagai pengguna admin.
- Dari menu Dasbor, klik Produk > Semua Produk.
- Setelah itu, Anda perlu menggulir ke bawah ke bagian Data Produk dan klik Atribut dan menu tarik-turun untuk " Atribut produk khusus " Klik tambahkan. Anda perlu memberi nama Atribut Anda dan menambahkan nilai Anda dan memisahkannya dengan pipa seperti yang ditunjukkan di bawah ini:
- Klik simpan atribut .
Sekarang setelah kita selesai dengan langkah-langkah sederhana ini, bagaimana Anda bisa menampilkan atribut-atribut ini di Halaman Produk?
c) Langkah-langkah Menampilkan Atribut Produk Kustom di Halaman Produk
Sebelum kita masuk ke bagian pengkodean bagian ini, penting untuk dicatat bahwa kode ini hanya berfungsi untuk atribut biasa dan bukan untuk Variasi.
- Masuk ke situs WordPress Anda dan akses Dasbor sebagai pengguna admin.
- Dari menu Dashboard , klik pada Appearance Menu > Theme Editor Menu . Saat halaman Theme Editor terbuka, cari file theme functions dimana kita akan menambahkan fungsi yang akan menampilkan atribut custom product.
- Tambahkan kode berikut ke file functions.php:
/**
* @snippet Menampilkan Atribut Produk Khusus di Halaman Produk
*/
fungsi cw_woo_attribute(){
global $produk;
$attributes = $produk->get_attributes();
jika ( ! $atribut ) {
kembali;
}
$display_result = '';
foreach ( $attributes sebagai $attribute ) {
if ( $attribute->get_variation() ) {
melanjutkan;
}
$nama = $attribute->get_name();
if ( $attribute->is_taxonomy() ) {
$terms = wp_get_post_terms( $product->get_id(), $name, 'all' );
$cwtax = $terms[0]->taksonomi;
$cw_object_taxonomy = get_taxonomy($cwtax);
if ( isset ($cw_object_taxonomy->labels->singular_name) ) {
$tax_label = $cw_object_taxonomy->labels->singular_name;
} elseif ( isset( $cw_object_taxonomy->label ) ) {
$tax_label = $cw_object_taxonomy->label;
if ( 0 === strpos( $tax_label, 'Produk ' ) ) {
$pajak_label = substr( $pajak_label, 8 );
}
}
$display_result .= $tax_label . ':';
$pajak_terms = array();
foreach ( $term sebagai $term ) {
$single_term = esc_html( $term->nama );
array_push( $tax_terms, $single_term );
}
$display_result .= implode(', ', $tax_terms) . '<br />';
} kalau tidak {
$display_result .= $nama . ':';
$display_result .= esc_html( implode( ', ', $attribute->get_options() ) ) . '<br />';
}
}
echo $display_result;
}
add_action('woocommerce_single_product_summary', 'cw_woo_attribute', 25);- Untuk melihat hasilnya, cukup segarkan halaman produk dan Anda akan melihat ini:
Cara Kerja Kode
Kode ini mengambil atribut untuk produk biasa dan menampilkannya di halaman Produk. Namun, itu tidak memilih atribut untuk produk variabel.
Kesimpulan
Tujuan utama dari posting ini adalah untuk membantu Anda mempelajari cara menggunakan atribut Produk WooCommerce. Saya telah menyoroti bagaimana Anda dapat menambahkan atribut yang telah ditentukan sebelumnya dan juga atribut khusus. Untuk melengkapi semua ini, saya telah membagikan cuplikan PHP yang perlu Anda tambahkan ke file functions.php Anda. Selain itu, saya telah menekankan bahwa menampilkan atribut produk WooCommerce di halaman produk adalah cara yang bagus untuk mendorong pelanggan melakukan pembelian. Sekarang, saya yakin Anda tahu cara menggunakan Atribut Produk WooCommerce.
Artikel Serupa
- Cara Mengatur Produk Unggulan Di WooCommerce
- Cara Menambahkan Ikon Hapus ke Halaman Checkout WooCommerce
- Cara Menghapus Telah Ditambahkan ke Keranjang Anda Pesan WooCommerce
- Cara Menambahkan Produk Woocommerce dari Frontend
- Cara Cepat Menemukan ID Produk Anda di WooCommerce
- Cara Menonaktifkan Opsi Pengiriman ke Alamat Lain
- Cara Menghilangkan Efek Zoom pada Gambar Produk WooCommerce
- Cara Mengurutkan Kategori WooCommerce untuk Pengalaman Pengguna yang Lebih Baik
- Cara Menyembunyikan atau Menghapus Bidang Kuantitas dari Halaman Produk WooCommerce
- Cara Menambahkan Nomor GTIN Pada Produk Di WooCommerce
- Cara Mengganti Nama Pesan Status Pesanan di WooCommerce
- Cara Menjual Produk Digital Dengan WooCommerce
- Bagaimana Menambahkan Teks Sebelum Harga di WooCommerce » Tambahkan Teks Sebelum Harga
- Cara Menampilkan Produk WooCommerce Berdasarkan Kategori
- Cara Mengubah Harga Produk Secara Terprogram di WooCommerce
- Cara Menyembunyikan Bidang Kode Kupon WooCommerce
- Cara Menyembunyikan Semua Produk Dari Halaman Toko di WooCommerce
- Cara Menambahkan Gambar Produk Halaman Checkout WooCommerce
- Cara Mengganti Tombol Tambahkan ke Keranjang Dengan Tautan WooCommerce
- Cara Melewati Keranjang dan Mengarahkan Kembali ke Halaman Checkout WooCommerce
- Cara Mendapatkan Nama Kategori Produk Saat Ini di WooCommerce
- Cara Mendapatkan ID Pesanan Di Woocommerce
- Cara Menyembunyikan Produk WooCommerce dari Hasil Pencarian
- Cara Mengubah Ukuran Gambar Produk WooCommerce
- Cara Menambahkan Deskripsi setelah Harga di WooCommerce