Woocommerce shop page optimization

751 views

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 🙂

 

Daftar Layanan Hosting Terlaris
Target AudienProviderHarga Mulai Dari
USAContabo£ 2.99/bulan
EropaContabo£ 2.99/bulan
IndonesiaNiagahoster IndonesiaRp. 8.000,00/bulan
Exabytes IndonesiaRp. 10.000,00/bulan
Hostinger IndonesiaRp. 8.000,00/bulan
DomainesiaRp. 8.000,00/bulan

Leave a reply "Woocommerce shop page optimization"

Author: 
author
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.