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 Export Database di phpMyAdmin

Untuk melakukan eksport database di phpMyAdmin, Anda perlu mengakses phpMyAdmin terlebih dahulu. Langkah-langkah Export Database melalui phpMyAdmin 1. Buka phpMyAdmin di cPanel 2. Pilih database yang ingin dieksport di sidebar sebelah kiri. 3. Klik tombol Export pada menu navigasi di atas tabel. 4. Jika Anda hanya ingin melakukan eksport file SQL, yang dibutuhkan untuk memindahkan […]

Selengkapnya
related posts

Cara Optimasi Database MySQL Menggunakan phpMyAdmin

Melakukan optimasi database MySQL memiliki beberap manfaat bagi website Anda, salah satunya adalah dapat meningkatkan kecepatan database dalam menampilkan data. Ukuran database website dapat bertambah seiring berjalannya waktu, terutama jika website tersebut memiliki banyak konten. Oleh karena itu, melakukan optimasi database dapat signifikan meningkatkan performa website. Untuk melakukan pengoptimalan, Anda dapat menggunakan phpMyAdmin yang merupakan […]

Selengkapnya
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