也想出现在这里?联系我们

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

2024.02.20 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

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

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

  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和主题的更新可能会影响您的自定义代码,因此在更新之前建议备份和测试您的更改。

有用0
  • 2024.02.20初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧