ผสานคำอธิบายผลิตภัณฑ์ WooCommerce และแท็บข้อมูลเพิ่มเติมที่แสดงคำอธิบายล่าสุด

Question

ฉันต้องการถามข้อมูลเพิ่มเติมเกี่ยวกับหัวข้อนี้: ฉันจะรวมแท็บคำอธิบายและข้อมูลเพิ่มเติมใน WooCommerce ได้อย่างไร?

ปัญหาเดียวของฉันคือฉันต้องการให้ข้อมูลเพิ่มเติมปรากฏขึ้นก่อน นี่คือภาพหน้าจอ:https://i.stack.imgur.com/UTIbf.png นี่คือลิงค์ไปยังเว็บไซต์: https://adisport.hu/termek/adidas-xz-torsion/

นี่คือรหัสที่ฉันใช้ใน function.php:

// Remove Additional Info tab
add_filter('woocommerce_product_tabs', 'remove_tab_additional_info', 30);
function remove_tab_additional_info($tabs){ unset( $tabs['additional_information'] );
    return $tabs; } // Add original Additional Info tab info to the end of the_content add_filter('the_content','add_details_to_content', 10, 1); function add_details_to_content($content){
    if ( is_product() ){
        global $product; $content = '<div class="product-description">'.$content.'</div>'; ob_start(); ?><div class="product-additional-info"><?php $heading = apply_filters( 'woocommerce_product_additional_information_heading', __( 'Additional information', 'woocommerce' ) );
        if ( !empty($heading) ) { ?> <h3><?php echo esc_html( $heading ); ?></h3>
        <?php }

        do_action( 'woocommerce_product_additional_information', $product ); ?></div><?php $content .= ob_get_clean();
    }
    return $content;
}

Answer 1

ลองทำดังต่อไปนี้:

// Remove Additional Info tab
add_filter( 'woocommerce_product_tabs', 'remove_tab_additional_info', 30 );
function remove_tab_additional_info( $tabs ){ unset( $tabs['additional_information'] );
    return $tabs; } add_filter( 'the_content', 'add_additional_info_before_content' ); function add_additional_info_before_content( $content ){
    if ( is_product() ){
        global $product; ob_start(); echo '<div class="product-additional-info">'; $hook    = 'woocommerce_product_additional_information_heading';
        $heading = apply_filters( $hook, __( 'Additional information', 'woocommerce' ) );
        
        if ( !empty($heading) ) { echo '<h3>' . esc_html( $heading ) . '</h3>';
        }

        do_action( 'woocommerce_product_additional_information', $product ); echo '</div>'; $content = ob_get_clean() . '<div class="product-description">' . $content . '</div>'; } return $content;
}

ผ่านการทดสอบและใช้งานได้จริง

ที่เกี่ยวข้อง: เพิ่มเนื้อหาที่กำหนดเองในคำอธิบายผลิตภัณฑ์ WooCommerce