Cara Pindahkan Product Category Description WooCommerce di Bawah Product Loop

Hey! Mau tahu cara gampang buat mindahin deskripsi kategori produk WooCommerce ke bawah daftar produk? Yuk, simak caranya di sini! Dengan sedikit sentuhan kode, kamu bisa menempatkan deskripsi kategori produk di bawah product loop di halaman arsip kategori WooCommerce.

Tambahin Kode ke Functions.php

Kamu perlu nambahin kode di bawah ini ke file functions.php di tema kamu. Kode ini bakal menghapus deskripsi kategori dari posisi default dan menambahkannya kembali di bawah daftar produk.

add_action('woocommerce_archive_description', 'ge_custom_archive_description', 2);
function ge_custom_archive_description(){
    if (is_product_category()) {
        remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);
        add_action('woocommerce_after_main_content', 'ge_custom_taxonomy_archive_description', 5);
    }
}

function ge_custom_taxonomy_archive_description() {
    if (is_product_category()) {
        $category = get_queried_object();
        if ($category && !empty($category->description)) {
            echo '<div class="term-description">' . wc_format_content(wp_kses_post($category->description)) . '</div>';
        }
    }
}

Penjelasan Kode:

1. Hook untuk Archive Description:

add_action('woocommerce_archive_description', 'ge_custom_archive_description', 2);

Kode ini menambahkan fungsi ge_custom_archive_description ke hook woocommerce_archive_description dengan prioritas 2.

2. Fungsi ge_custom_archive_description

function ge_custom_archive_description(){
    if (is_product_category()) {
        remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);
        add_action('woocommerce_after_main_content', 'ge_custom_taxonomy_archive_description', 5);
    }
}

3. Fungsi ge_custom_taxonomy_archive_description

function ge_custom_taxonomy_archive_description() {
    if (is_product_category()) {
        $category = get_queried_object();
        if ($category && !empty($category->description)) {
            echo '<div class="term-description">' . wc_format_content(wp_kses_post($category->description)) . '</div>';
        }
    }
}

Fungsi ini juga ngecek apakah halaman yang sedang ditampilkan adalah halaman kategori produk. Kalau iya, deskripsi kategori akan diambil dan ditampilkan dalam sebuah <div> dengan kelas term-description.

Dan fungsi ini akan menampilkan deskripsi kategori di semua halaman kategori produk, termasuk halaman pagination nya misal di halaman page/2/ page/3/ dan seterusnya.

Jika kamu ingin menampilkan deskripsi hanya di halaman kategori produk halaman pertama saja, kamu perlu menambahkan kondisional !is_paged() pada fungsi tersebut, jadi kode lengkap nya seperti ini:

function ge_custom_taxonomy_archive_description() {
    if (is_product_category() && !is_paged()) {
        $category = get_queried_object();
        if ($category && !empty($category->description)) {
            echo '<div class="term-description">' . wc_format_content(wp_kses_post($category->description)) . '</div>';
        }
    }
}

Kesimpulan

Dengan nambahin kode di atas ke file functions.php tema kamu, kamu bisa dengan mudah mindahin deskripsi kategori produk WooCommerce ke bawah daftar produk pada halaman kategori. Ini cara yang bagus buat memastikan deskripsi kategori produk tetap terlihat dan nggak terganggu oleh daftar produk.

Selamat mencoba!

About The Author

Gege Riyadi

Founder Gegeriyadi.com, layanan yang sudah 10 tahun bergerak di bidang Web Development Services yang juga intens update seputar SEO dan juga Web Optimization... [Read full bio]