Membuat List Product Tag Woocommerce

66 views

Membuat List Product Tag Woocommerce – Woocommerce sebagai salah satu plugin dalam wordpress untuk membangun sebuah toko online, banyak memberikan fasilitas untuk memudahkan para developer mengkreasikan toko online buatannya.

Membuat List Product Tag Woocommerce

Salah satu yang biasa dimodifikasi adalah penggunaan atribut “Tag”. Atribut Tag, bisa dimanfaatkan untuk mengelompokkan sebuah produk dalam kelompok tertentu, berbeda dengan kategori. Tag biasanya lebih spesifik pada produk tesebut.

Contoh Penggunaan Kategori dan Tag

Contoh sebuah produk: Samsung Galaxy J4 Smartphone [32GB/ 2GB]. Produk tersebut bisa diuraikan seperti dibawah ini:

Penggunaan Kategori –¬†Cenderung dipakai untuk pengelompokkan yang lebih luas, seperti contoh di atas, kategori yang digunakan adalah Handphone, karena handphone banyak sekali macamnya, bisa dikelompokkan lagi menjadi android dan non-android sebagai sub kategori.

Penggunaan Tag – Biasanya digunakan untuk mengelompokkan produk yang lebih spesifik agar user atau pengunjung bisa menspesifikasikan pencarian pada produk-produk tertentu.

Bikin Backlink
Lowongan Kerja

Dari uraian di atas, dicontohkan Tag digunakan untuk mendefinikan sebuah brand atau merk dari produk tersebut.

Penggunaan Kode Untuk Membuat List Tag

Secara default, woocommerce akan menampilkan daftar tag secara acak berupa bentuk cloud atau awan, dan kita tidak bisa mengatur tampilan yang sesuai dengan keinginan kita sendiri. Seperti gambar di bawah.

Membuat List Product Tag Woocommerce

Tapi kita bisa menambahkan sedikit kode pada functions.php untuk membuat tampilan seperti daftar list atau <ul> dan <li>. Seperti contoh gambar di bawah. Tampilan tag diubah menjadi sebuah daftar

Membuat List Product Tag Woocommerce

 

Anda bisa menyisipkan sedikit kode pada functions.php seperti kode di bawah ini: (tested on woocommerce 4.4.1 dan wordpres 5.5)

#BikinAsikdiRumah - Mar 2020
add_filter('woocommerce_product_tag_cloud_widget_args', 'harrywp_tag_cloud_filter');
function harrywp_tag_cloud_filter($args) {
    $args = array(
        'smallest' => 14, 
        'largest' => 14, 
        'format' => 'list', 
        'taxonomy' => 'product_tag', 
        'unit' => 'px', 
        );
    return $args;
}

Dengan menggunakan cuplikan kode tersebut, tampilan tag akan berubah menjadi daftar yang memudahkan pengunjung untuk memilih sesuai dengan pilihannya.

Membuat List Product Tag Woocommerce

Gambar di atas merupakan tampilan sebuah widget Product Tag Cloud yang disisipkan pada sidebar untuk memudahkan pengunjung memilih sesuai dengan brand yang dicari.

Ada baiknya saat anda menyisipkan kode tersebut menggunakan plugin code snippet atau plugin sejenis agar jika terjadi error karena mengubah functions.php bisa dihapus dengan mudah.

Rekomendasi Daftar Layanan Hosting
Target Audien Provider Harga Mulai Dari
USA Contabo £ 2.99
Eropa Contabo £ 2.99
Indonesia Niagahoster Indonesia Rp. 8.000,00
Exabytes Indonesia Rp. 10.000,00
Hostinger Indonesia Rp. 8.000,00
Domainesia Rp. 8.000,00
Cloudmild Rp. 8.000,00

Leave a reply "Membuat List Product Tag Woocommerce"

Author: 
Harry
Nama saya Harry. Ini merupakan blog pribadi. Isi utamanya tentang belajar wordpress dari nol sampai lupa lagi, karena keseringan lupa, akhirnya yang pernah lupa dituangkan dalam blog sederhana. Terkadang di waktu luang, saya menulis tentang apa yang ingin saya tulis. Jadi jangan heran pada akhirnya blog ini jadi gado-gado.