Menambahkan Custom Text di Shop Page Woocommerce

Website by Admin Terakhir Diperbarui

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', 5 );

 

function nw_show_free_shipping_loop() {

   echo '<p class="shop-badge">Free Shipping</p>';

}

Note :

Result 

Before

After

Apakah artikel ini membantu?

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa

related posts

Cara Migrasi Website Weebly ke Hosting

Weebly merupakan platform untuk membuat website berbasis drag and drop. Anda dapat membangun website secara praktis tanpa coding sekalipun. Sayangnya layanan Weebly Niagahoster akan dinonaktifkan pada tanggal 30 Januari 2023. Bagi Anda yang masih menggunakan layanan ini harap untuk melakukan pemindahan atau migrasi sebelum tanggal tersebut. Pada panduan ini, kami akan memberikan solusi alternatif agar […]

Selengkapnya
related posts

Mengutamakan produk tertentu di paling atas halaman shop di woocommerce

Jika kita ingin mengutamakan beberapa produk agar bisa menjadi yang teratas di halaman shop maka kita bisa menggunakan “sorting” Drag and drop produk mana yang ingin kita utamakan paling atas  Produk paling atas akan menjadi yang pertama muncul di halaman “Shop” Apakah artikel ini membantu?

Selengkapnya
related posts

Cara Menghapus Kategori Produk “Uncategorized” di Woocommerce

Buat terlebih dahulu kategori produk yang lebih general atau akan sering digunakan  Pilih kategori tersebut sebagai default dengan klik “Make default“   Setelah itu kita baru bisa menghapus kategori “uncategorized”  Apakah artikel ini membantu?

Selengkapnya