افزودن محتوای حرفه‌ای به دسته‌بندی محصولات ووکامرس

// نمایش فیلد محتوای جدید در صفحه ویرایش دسته
add_action( 'product_cat_edit_form_fields', 'tav_edit_term_content_field', 20, 2 );
function tav_edit_term_content_field( $term, $taxonomy ) {

    $content = get_term_meta( $term->term_id, 'content', true );
    ?>

    <tr class="form-field">
        <th scope="row"><label for="content">محتوای دسته</label></th>
        <td>
            <?php
            wp_editor(
                $content,
                'content',
                array(
                    'textarea_name' => 'content',
                    'textarea_rows' => 12,
                    'media_buttons' => true,
                    'teeny'         => false,
                )
            );
            ?>
            <p class="description">محتوای کامل دسته‌بندی را اینجا وارد کنید.</p>
        </td>
    </tr>

    <?php
}

// برای صفحه افزودن دسته
add_action( 'product_cat_add_form_fields', 'tav_add_term_content_field', 20 );
function tav_add_term_content_field( $taxonomy ) {
    ?>
    <div class="form-field">
        <label for="content">محتوای دسته</label>
        <?php
        wp_editor(
            '',
            'content',
            array(
                'textarea_name' => 'content',
                'textarea_rows' => 12,
                'media_buttons' => true
            )
        );
        ?>
    </div>
    <?php
}

add_action( 'edited_product_cat', 'tav_save_term_content_field', 10, 2 );
add_action( 'created_product_cat', 'tav_save_term_content_field', 10, 2 );

function tav_save_term_content_field( $term_id, $tt_id ) {
    if ( isset( $_POST['content'] ) ) {
        update_term_meta( $term_id, 'content', wp_kses_post( $_POST['content'] ) );
    }
}
// شورت‌کد: 
add_shortcode( 'product_cat_content', function( $atts ) {

    // گرفتن ID دسته فعلی
    if ( is_tax('product_cat') ) {
        $term_id = get_queried_object_id();
    } else {
        return '';
    }

    // محتوای ذخیره‌شده
    $content = get_term_meta( $term_id, 'content', true );
    if ( empty( $content ) ) return '';

    // خروجی HTML با دکمه مطالعه بیشتر
    ob_start();
    ?>
    <div class="tav-toggle-content-wrapper">
        <div class="tav-toggle-content collapsed">
            <?php echo wpautop( do_shortcode($content) ); ?>
        </div>

        <button class="tav-toggle-btn">مطالعه بیشتر</button>
    </div>

    <style>
        .tav-toggle-content-wrapper { position: relative; }
        .tav-toggle-content {
            max-height: 180px; /* ارتفاع اولیه */
            overflow: hidden;
            transition: max-height .4s ease;
        }
        .tav-toggle-content.expanded {
            max-height: 2800px; /* ارتفاع بزرگ برای باز شدن */
        }
        .tav-toggle-btn {
            margin-top: 12px;
            background: #0073aa;
            color: #fff;
            padding: 8px 14px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            font-size: 14px;
        }
        .tav-toggle-btn:hover {
            background: #005f8c;
        }
    </style>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const wrapper = document.querySelector(".tav-toggle-content-wrapper");
            if (!wrapper) return;

            const content = wrapper.querySelector(".tav-toggle-content");
            const btn = wrapper.querySelector(".tav-toggle-btn");

            btn.addEventListener("click", function () {
                if (content.classList.contains("expanded")) {
                    content.classList.remove("expanded");
                    btn.textContent = "مطالعه بیشتر";
                } else {
                    content.classList.add("expanded");
                    btn.textContent = "بستن";
                }
            });
        });
    </script>
    <?php

    return ob_get_clean();
});