要轻松调整WooCommerce产品详情页中SKU的位置,您可以使用一些自定义代码来实现这个目标。以下是一个示例,演示如何将SKU移到产品标题的下方。

  1. 打开您的WordPress网站的主题文件夹。

    轻松调整WooCommerce产品详情页SKU位置

  2. 在主题文件夹中,找到并打开functions.php文件。

  3. 在functions.php文件中,添加以下代码:

// 移动SKU到产品标题下方
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40);
add_action('woocommerce_single_product_summary', 'custom_template_single_meta', 40);

function custom_template_single_meta() {
    global $product;

    if ( $product && $product>is_visible() ) {
        echo '<div class="product_meta">';
        echo wc_get_product_category_list( $product>get_id(), ', ', '<span class="posted_in">' . _n( 'Category:', 'Categories:', count( $product>get_category_ids() ), 'woocommerce' ) . ' ', '</span>' );
        echo wc_get_product_tag_list( $product>get_id(), ', ', '<span class="tagged_as">' . _n( 'Tag:', 'Tags:', count( $product>get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' );
        echo '</div>';
    }
}
  1. 保存文件。

现在,SKU应该已经移动到产品标题下方。请确保在进行任何代码更改之前备份您的主题文件和数据库,以防发生意外情况。如果您使用的是自定义主题,请相应地调整代码以适应您的主题结构。

请注意,WooCommerce和主题的更新可能会影响您的自定义代码,因此在更新之前建议备份和测试您的更改。