Daftar Shortcode di WooCommerce

WooCommerce telah menjadi pilihan banyak pebisnis dalam menjalankan toko online mereka. Salah satu alasannya adalah karena WooCommerce hadir dengan banyak fitur yang sangat membantu dalam menjalankan serta mengelola website toko online.

Salah satu fitur yang tersedia pada WooCommerce adalah tersedianya banyak shortcode yang mempermudah pemilik toko online dalam menampilkan fitur tertentu pada WooCommerce tanpa perlu paham koding.

Shortcode Pada WooCommerce

Berikut adalah beberapa shortcode yang tersedia pada plugin WooCommerce.

Cart

Digunakan pada halaman keranjang, menampilkan isi keranjang dan juga form kupon.

[woocommerce_cart]

Checkout

Digunakan pada halaman checkout, menampilkan checkout proses.

[woocommerce_checkout]

My Account

Menampilkan section ‘my account’, dimana user dapat melihat pesanan terakhir dan mengubah informasi akunnya.

[woocommerce_my_account]

Order Tracking Form

Menampilkan status pesanan customer terkait.

[woocommerce_order_tracking]

Add to cart URL

Menampilkan URL tombol add to cart dari produk single berdasarkan id. Ganti isi dari id=”tambahkan-id-disini”

Buat Website Toko Online Kamu Sekarang

Buat website toko onlinemu sekarang dengan Cepatlakoo. Gratis dibantu instalasi untuk 1 website kamu.

Cek Sekarang →
[add_to_cart_url id="99"]

id adalah nomor ID produk yang dapat dilihat dari halaman Produk pada wp-admin.

Shortcode Untuk Menampilkan Produk

Menampilkan produk berdasarkan attribut
Shortcode untuk menampilkan produk berdasarkan atribut produknya:

[products columns="3" attribute="season" terms="warm" orderby="date"]

Menampilkan produk berdasarkan tag
Shortcode untuk menampilkan produk berdasarkan tag produknya:

[products tag="hoodie"]
[products tag="t-shirt"]
[products tag="jacket"]

Product Category: Top Level Category
Menampilkan produk berdasarkan top-level kategori produknya:

[product_categories number="0" parent="0"]

Single Product Page by ID
Menampilkan produk secara tampilan single page berdasarkan ID produknya:

[product_page id="99"]

Produk: lain-lainnya
Ada beberapa atribut tambahan pada shortcode product, akan saya jelaskan beberapa:

[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true" ]
  • limit yaitu jumlah produk yang ditampilkan.”columns” yaitu jumlah kolom yang ditampilkan.
  • orderby yaitu menampilkan produk berdasarkan apa (misalkan: popularity, rating, title).
  • tag yaitu menampilkan produk berdasarkan tag.
  • category yaitu menampilkan produk berdasarkan category.
  • on_sale yaitu produk yang sedang diskon.

Beberapa contoh skenario menampilkan produk:

Tampil berdasarkan featured products:

[products limit="4" columns="2" visibility="featured" ]

Tampil berdasarkan best selling products:

[products limit="3" columns="3" best_selling="true" ]

Tampil berdasarkan produk terbaru / newest products:

[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]

Tampil berdasarkan kategori tertentu:

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]
[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="NOT IN"]

Tampil berdasarkan atribute display dari produknya:

[products columns="3" attribute="season" terms="warm" orderby="date"]
[products columns="3" attribute="season" terms="warm" terms_operator="NOT IN"]

Tampil berdasarkan tag / hanya menampilkan produk dengan tag “hoodie”:

[products tag="hoodie"]

Sorting produk berdasarkan custom meta fields:

Anda juga dapat sorting produk berdasarkan custom meta fields dengan kode berikut (studi kasus: mengurutkan produk berdasarkan harga)

add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' );

function woocommerce_shortcode_products_orderby( $args ) {

    $standard_array = array('menu_order','title','date','rand','id');

    if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) {
        $args['meta_key'] = $args['orderby'];
        $args['orderby']  = 'meta_value_num'; 
    }

    return $args;
}

Letakkan kode di atas pada file functions.php theme yang Anda gunakan.

Leave a response

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.