Ada beberapa sorting atau pengurutan yang sudah menjadi bawaan dari plugin woocommerce yaitu pengurutan berdasarkan popularitas , rata – rata rating yang diberikan , terbaru , dan harga (terendah ke tertinggi dan sebaliknya).  Dengan menggunakan plugin “Extra Product Sorting Options for WooCommerce” maka kita bisa “memperkaya” kemampuan woocommerce untuk melakukan sorting. Kita bisa menambahkan 5 […]

Kita akan bisa menambahkan produk di halaman manapun menggunakan shortcode [in_stock_products] , di custom page , widget , dan lain lain. Kita juga bisa mengkustomisasi keluaran dari produk yang menggunakan paramater – parameter woocommerce seperti kolom , pengurutan dari .  INPUT KODE Sebelum menggunakan shortcode [in_stock_products] kita perlu menambahkan kode berikut di functions.php : add_shortcode( […]

Secara default plugin woocommerce hanya menampilkan gambar produk, nama , harga dan tombol “add to cart” . Dengan menambahkan short description ke produk yang tampil di shop maupun katalog maka customer menjadi dimudahkan dalam melihat produk.  Menambahkan Short Description ke Shop page Tambahkan kode berikut di functions.php :  add_action( ‘woocommerce_after_shop_loop_item_title’, ‘wc_add_short_description’ ); function wc_add_short_description() { […]

Apakah Anda mencari cara untuk menyembunyikan tombol “Add to Cart” di WooCommerce? Jika Anda sudah familiar dengan WooCommerce, maka Anda tahu bahwa kustomisasi halaman toko WooCommerce menghasilkan pengalaman pengguna yang lebih baik. Kita semua tahu bahwa versi default memerlukan beberapa peningkatan untuk membuat toko Anda terlihat lebih baik. Sekarang mari kita lihat langkah-langkah yang perlu […]

Ada beberapa cara berbeda untuk defer parsing JavaScript. Pertama, ada dua atribut yang dapat Anda tambahkan ke skrip Anda: 1. asnync 2. Defer Kedua atribut memungkinkan browser pengunjung mengunduh JavaScript tanpa menjeda HTML Parsing. Namun, perbedaannya adalah sementara async tidak menjeda HTML parsing untuk mengambil skrip, async menjeda HTML parsing untuk mengeksekusi skrip setelah diambil. […]

Kita bisa menampilkan variasi yang dimiliki produk di halaman shop maupun kategori, sehingga customer tidak perlu masuk dulu ke produk yang diinginkan untuk melihat ada variasi apa saja yang dimiliki oleh produk tersebut. Sebelum memasukkan kode, pastikan terlebih dahulu produk anda memiliki variasi seperti warna , ukuran , jenis bahan dan sebagianya. Masukkan Kode Masukan […]

Dengan berbagai alasan tertentu , kita ingin menghapus bagian “Tidak ada produk….” saat barang yang dicari tidak ada maupun memang ingin dikosongkan. Berikut adalah cara untuk menyembunyikan atau menghapus “No products were found matching your selection” atau versi bahasa Indonesianya “Tidak ada produk yang ditemukan sesuai dengan pilihan Anda.” .  Tulisan “No Products…” tidak hanya […]

Elementor telah memberi banyak kemudahan dan kebebasan untuk kita berkreasi pada saat kita membuat website, terutama pada saat kita membuat Search Result Page. Jika kita hanya mengandalkan tampilan bawaan dari wordpress maka apa yang ditampilkan terbatas. Sedangkan dengan elementor kita bisa melakukan kustomisasi yang sesuai dengan kebutuhan kita.  Buat “Search Result Page” dengan Elementor Pertama […]

WordPress mendukung pembuatan website cukup besar di dunia, dan tidak semuanya berbahasa Inggris. Di sini pentingnya plugin multibahasa. Translatepress membantu kita untuk melakukan translasi secara manual sehingga tidak terpaku pada translasi yang kaku seperti google translate.  Berikut adalah cara untuk menggunakan plugin translatepress :  Langkah 1 : Install dan aktifkan plugin Translatepress terlebih dahulu Langkah […]

Apabila kebutuhan klien meminta kita untuk menambahkan pemberitahuan “Free Ongkir” atau text lainnya di bawah setiap produk WooCommerce di Halaman Toko. Ini dapat meningkatkan rasio konversi penjualan Anda. Berikut adalah beberapa cuplikan PHP dan CSS sehingga Anda dapat menerapkan hasil edit yang bermanfaat ini. Masukan Kode Masukan kode berikut ke functions.php : add_action( ‘woocommerce_after_shop_loop_item’, nw_show_free_shipping_loop’, […]