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.