WooCommerceの追加情報タブを削除orカスタマイズする方法

,

WooCommerceの追加情報タブを削除する方法と表示内容をカスタマイズする方法です。参考までに。

商品ページの情報タブを全て削除

functions.php に記述するコードは以下のような感じです。

/*-------------------------------------------*/
/* 商品ページの情報タブを全て削除
/*-------------------------------------------*/
function woo_remove_product_tabs( $tabs ) {
	unset( $tabs['description'] );	// 説明タブを削除する
	unset( $tabs['reviews'] );		// レビュータブを削除する
	unset( $tabs['additional_information'] ); // 追加情報タブを削除する
	return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

商品ページの追加情報タブをカスタマイズ

カスタマイズする場合、functions.php に記述するコードは以下のような感じです。

/*-------------------------------------------*/
/* 商品ページの追加情報タブをカスタマイズ
/*-------------------------------------------*/
function woo_custom_information_tab( $tabs ) {
	$tabs['additional_information']['callback'] = 'woo_custom_information_tab_content';
	return $tabs;
}
function woo_custom_information_tab_content() {
	echo '<h2>カスタム追加情報</h2>';
	echo '<p>ここに、独自のカスタム追加情報を設定。</p>';
}
add_filter( 'woocommerce_product_tabs', 'woo_custom_information_tab', 98 );

上手く実装できない場合はオンラインでのサポートもお受けしていますので気軽にご相談ください。

自己紹介

松田 大と申しますm(_ _)m
インディーズでミュージシャンをやっていたのですがいつのまにか…

とある企業でショップのアルバイトスタッフから正社員、支店長を経てシステム部門に異動するという、開発担当としては変わった経緯を持っている方だと思います。

「Excel VBA」からスタートして、Yamaha RTX シリーズで VPN環境構築、Hyper-V環境構築、Windowsアプリ開発などを経験した後、「 WordPress 」に出会い、どっぷりハマっています。

現在勤めているETBS合同会社では、「 WordPress 」を活用したWEBサイト、業務用WEBアプリケーション開発を中心に、記事の執筆代行や掲載に必要な情報のリサーチ、映像のテロップ入れや切りはりなどの簡単な動画編集なども、まとめて行なっています。

現在、代表兼二児のパパ。子育てを通じて、こどもたちにもプログラミングの楽しさに触れてほしいと思うようになり、「 こどもICTかつしか教室 」を開講中。最近は童心に帰り、簡単なゲーム制作なんかも楽しんでいます(^_^)。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です