当前位置:首页>网站建设>轻松调整WooCommerce产品详情页SKU位置

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

释放双眼,带上耳机,听听看~!

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

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

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

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>';
    }
}

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

欢迎访问秀主题博客,分享简单实用WP教程

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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
网站建设

WordPress 网站前台添加重置修改密码功能

2025-4-8 9:05:49

网站建设

WordPress 无插件正确配置 SMTP 邮件发送功能

2025-4-10 9:23:16

温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:971318156@qq.com,我们将第一时间处理!

2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索