Bagian Ke-2
Contents
7. woocommerce_after_shop_loop_item_title
woocommerce_after_shop_loop_item_title akan menampilan informasi di bawah nama produk. Kode hook ini akan memodifikasi file content-product.php pada template woocommerce.
Misalnya ingin menambahkan informasi kategori produk, maka kodenya adalah sebagai berikut:
add_action( 'woocommerce_after_shop_loop_item_title', 'kategori', 1 ); function kategori() { global $post; $terms = get_the_terms( $post->ID, 'product_cat' ); $text = "<h3> ("; foreach ($terms as $term) { $text .= $term->name; } $text .= ") </h3>"; echo $text; }
8. woocommerce_after_shop_loop_item
Woocommerce_after_shop_loop_item akan menampilan informasi di atas ‘Add to Cart’. Kode hook ini akan memodifikasi file content-product.php pada template woocommerce.
Misalnya ingin menambahkan informasi ‘Rekomendasi’, maka kodenya adalah sebagai berikut:
<?php add_action( 'woocommerce_after_shop_loop_item', 'rekomen', 1 ); function rekomen() { global $post; if( $post->ID == 57 || $post->ID == 59 ) { echo "<div class='rekom'> <h3>Rekomendasi</h3> </div>"; } }
Kode <div class=’rekom’> harus anda buat terlebih dahulu di custom CSS.
9. woocommerce_after_shop_loop
Woocommerce_after_shop_loop akan menampilan informasi di bawah daftar produk. Kode hook ini akan memodifikasi file archive-product.php pada template woocommerce.
Misalnya ingin menambahkan informasi ‘Produk unggulan dan harganya’, maka kodenya adalah sebagai berikut:
add_action( 'woocommerce_after_shop_loop', 'produkunggulan', 1 ); function produkunggulan() { $id = 57; $product = wc_get_product( $id ); $url = get_permalink($id); echo "<a href='".$url."'> <div class='best-seller'> <h3> Produk Unggulan: ".$product->get_title()."</h3> <h4> Harga: ". $product->get_price_html() ."</h4> </div> </a>"; }
10. Woocommerce_after_main_content
Woocommerce_after_main_content akan menampilan informasi di bawah halaman produk. Kode hook ini akan memodifikasi file single-product.php pada template woocommerce.
Misalnya ingin menambahkan informasi ‘Support dan FAQ’, maka kodenya adalah sebagai berikut:
add_action( 'woocommerce_after_main_content', 'support', 1 ); function support() { echo "<div class='best-seller'> <h3>Jika anda membutuhkan bantuan informasi, silahkan kunjungi <a href='#'>Bantuan.</a></h3> </div"; }
Kesimpulan:
Woocommerce shop page optimization bisa digunakan untuk mempercantik halaman produk-produk website woocommerce anda. Contoh-contoh di atas merupakan sebagian kecil saja yang bisa anda modifikasikan. Anda bisa berkreasi lebih untuk mendapatkan hasil yang sesuai dengan keinginan anda.
Selamat mencoba 🙂
Related Post "Woocommerce shop page optimization"