WooCommerce隐藏SKU、Tag和分类的方法

2023-01-19 883 0

WooCommerce虽然很巨大,但是的确是运营自己一个小商店的简单方法,我个人对它最大的麻烦就是产品页的SKU,标签和分类显示很碍眼,有时候甚至很毁排版,所以我选择隐藏他们。

其实方法很简单,最简单的当然是用插件的方法,但是WordPress插件装多了也是个麻烦,那么最简单粗暴的方法就是修改主题的functions.php,添加如下代码便可:

/**
  *        Hide SKU, Cats, Tags @ Single Product Page - WooCommerce 
*/
  remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

保险起见,如果还想WooCommerce重新显示SKU、标签和分类的,添加一下代码:

恢复 SKU 显示

/**
 *       Show SKU Again @ Single Product Page - WooCommerce
 */ 
add_action( 'woocommerce_single_product_summary', 'njengah_show_sku_again_single_product', 40 );
 function njengah_show_sku_again_single_product() {
 global $product;
 ?>
 <div class="product_meta">
 <?php if ( wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type( 'variable' ) ) ) : ?>
 <span class="sku_wrapper"><?php esc_html_e( 'SKU:', 'woocommerce' ); ?> <span class="sku"><?php echo ( $sku = $product->get_sku() ) ? $sku : esc_html__( 'N/A', 'woocommerce' ); ?></span></span>
 <?php endif; ?>
 </div>
 <?php
 }

恢复 Tag 显示

/**
 *       Show Categories Again @ Single Product Page - WooCommerce
 */
 add_action( 'woocommerce_single_product_summary', 'njengah_show_cats_again_single_product', 40 );
 function njengah_show_cats_again_single_product() {
 global $product;
 ?>
 <div class="product_meta">
 <?php echo wc_get_product_category_list( $product->get_id(), ', ', '<span class="posted_in">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</span>' ); ?>
 </div>
 <?php
 }

恢复 Category 分类显示

/**
 *        Show Tags Again @ Single Product Page - WooCommerce 
*/
 add_action( 'woocommerce_single_product_summary', 'njengah_show_tags_again_single_product', 40 );
 function njengah_show_tags_again_single_product() {
 global $product;
 ?>
 <div class="product_meta">
 <?php echo wc_get_product_tag_list( $product->get_id(), ', ', '<span class="tagged_as">' . _n( 'Tag:', 'Tags:', count( $product->get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' ); ?>
 </div>
 <?php 
 }

这样就可以了。别迷路啦。


转载自:https://njengah.com/woocommerce-hide-sku-category-tags-product-page/

©伊桑的笔记 版权所有 | 如未注明 均为原创
原创文章版权归作者所有,未经允许谢绝转载
本文原地址:https://www.imethanw.com/notes/hide-woocommerce-sku-tag-category-product-page.html
本站存储于RackNerd服务器,打开链接获得优惠价格:https://my.racknerd.com/aff.php?aff=6966
赞赏

微信赞赏支付宝赞赏

广告
Lingoda

相关文章

RK61换轴改装,百元成品机械键盘鸟枪换大炮?
如何在宝塔上使用NPS实现OpenWRT内网穿透
YUMU语幕,WordPress极简快速文字笔记免费主题
WordPress 后台占资源太大的加速方法
OpenWRT 文件管理器 FileBrowser 安装
OpenWRT 硬盘未使用空间挂载

发布评论

請輸入答案 (必填) 限制時效已用盡。請重新載入驗證碼。