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/
赞赏微信赞赏支付宝赞赏