Thêm mô tả ngắn cho danh mục sản phẩm không dùng plugin cho WordPress

Mô tả ngắn cho danh mục sản phẩm là một đoạn văn bản ngắn gọn, súc tích, cung cấp thông tin tổng quan về các sản phẩm có trong danh mục đó. Mục đích của mô tả này là giúp khách hàng nhanh chóng hiểu được danh mục này bao gồm những gì và có phù hợp với nhu cầu của họ hay không.

Thêm mô tả ngắn cho danh mục sản phẩm không dùng plugin cho WordPress

Bài viết này sẽ giúp bạn thực hiện thêm custom field khung soạn thảo phần mô tả ngắn cho danh mục sản phẩm woocommerce, kéo xuống để xem nhé!

Thêm custom field khung soạn thảo vào form thêm danh mục mới

Bạn copy và paste đoạn code dưới đây bỏ vào Giao diện – theme field editor – function.php

function add_product_cat_wysiwyg_field() {
    ?>
    <div class="form-field">
        <label for="product_cat_long_description"><?php _e('Mô tả ngắn cho danh mục', 'giuseart.com'); ?></label>
        <?php
        $settings = array(
            'textarea_name' => 'product_cat_long_description',
            'media_buttons' => true,
            'textarea_rows' => 10,
        );
        wp_editor('', 'product_cat_long_description', $settings);
        ?>
        <p class="description"><?php _e('Thêm đoạn mô tả ngắn cho danh mục này, phần này sẽ hiển thị ở đầu danh mục', 'giuseart.com'); ?></p>
    </div>
    <?php
}
add_action('product_cat_add_form_fields', 'add_product_cat_wysiwyg_field', 10, 2);

function edit_product_cat_wysiwyg_field($term) {
    $product_cat_long_description = get_term_meta($term->term_id, 'product_cat_long_description', true);
    ?>
    <tr class="form-field">
        <th scope="row" valign="top"><label for="product_cat_long_description"><?php _e('Mô tả ngắn của danh mục', 'giuseart.com'); ?></label></th>
        <td>
            <?php
            $settings = array(
                'textarea_name' => 'product_cat_long_description',
                'media_buttons' => true,
                'textarea_rows' => 10,
            );
            wp_editor($product_cat_long_description, 'product_cat_long_description', $settings);
            ?>
            <p class="description"><?php _e('Thêm đoạn mô tả ngắn cho danh mục này, phần này sẽ hiển thị ở đầu danh mục', 'giuseart.com'); ?></p>
        </td>
    </tr>
    <?php
}
add_action('product_cat_edit_form_fields', 'edit_product_cat_wysiwyg_field', 10, 2);

function save_product_cat_wysiwyg_field($term_id) {
    if (isset($_POST['product_cat_long_description'])) {
        update_term_meta($term_id, 'product_cat_long_description', wp_kses_post($_POST['product_cat_long_description']));
    }
}
add_action('created_product_cat', 'save_product_cat_wysiwyg_field', 10, 2);
 
// Lưu giá trị của custom field khi chỉnh sửa danh mục
function update_product_cat_wysiwyg_field($term_id) {
    if (isset($_POST['product_cat_long_description'])) {
        update_term_meta($term_id, 'product_cat_long_description', wp_kses_post($_POST['product_cat_long_description']));
    }
}
add_action('edited_product_cat', 'update_product_cat_wysiwyg_field', 10, 2);

Hiển thị custom field ra front end cho wordpress

Tùy giao diện sẽ có vị trí hiển thị khác nhau, sau khi xác định được vị trí hiển thị custom field rồi thì bạn copy paste đoạn dưới đây vào nhé!

<?php 
// Chèn mã này vào template của danh mục sản phẩm (ví dụ: taxonomy-product_cat.php hoặc archive-product.php)
$term_id = get_queried_object_id();
$product_cat_long_description = get_term_meta($term_id, 'product_cat_long_description', true);
if ($product_cat_long_description) {
    echo '<div class="noi-dung-dau-archive">';
    echo wpautop($product_cat_long_description);
    echo '</div>';
}?>

Chúc các bạn thành công nhé! Nguồn: https://giuseart.com