Kali ini kami akan memberikan tips bagi anda bagaimana menampilkan stok tersedia di halaman depan pada shop, ataupun pada halaman yang berisikan loop, perulangan yang menampilkan produk. Biasanya terdapat pada page / halaman shop ataupun halaman depan. Bisa juga pada halaman kategori. Dengan menambahkan fungsi ini, akan membuat pengunjung toko online anda menjadi lebih nyaman dalam mengindentifikasi stok yang tersedia

Fungsu yang kita pake di woocommerce adalah fungsi woocommerce_after_shop_loop_item yang akan menampilkan pada perulangan. Dan tepatnya setelah selesai perulangan. Untuk mengaplikasikanya adalah dengan code dibawah ini

add_action( 'woocommerce_after_shop_loop_item', 'nama_fungi_yang_akan_dipanggil' );


Konstruksinya adalah seperti koded diatas, Sehingga selanjutnya anda harus membuat fungsi diatas untuk di aplikasikan pada perulangan produk. Contoh kode lengkapnya ada dibawah ini


add_action( 'woocommerce_after_shop_loop_item', 'fungsi_menampilkan_variasi_stok' );
   
function fungsi_menampilkan_variasi_stok(){
    global $product;
    if ( $product->get_type() == 'variable' ) {
        echo "Rincian Stok";
        foreach ( $product->get_available_variations() as $key ) {
            $attr_string = array();
            foreach ( $key['attributes'] as $attr_name => $attr_value ) {
                $attr_string[] = $attr_value;
            }
            if ( $key['max_qty'] >= 1 ) { 
              echo implode( ', ', $attr_string ) . ': ' . $key['max_qty'] . ' Tersedia'; 
            } else { 
              echo implode(', ', $attr_string ) . ': Kosong'; 
            }
    }
    }
}

Dengan kode diatas anda bisa menampilkan stok yang ada pada halaman anda