woocommerceショップの商品はデフォルトのタブを必要としないので、商品の下に商品の説明を表示するだけでよいので、それらを無効にすることができました。他のタブがないため、それ自体は冗長です。
基本的に、タブとタイトルを完全に削除したいのですが、woocommerceコアphpテンプレートファイルを変更せずに、その下のコンテンツボックスを保持します。私のWordPressテーマのfunctions.phpにフィルターを追加する方法はありますか?
function woocommerce_default_product_tabs( $tabs = array() ) {
global $product, $post;
// Description tab - shows product content
if ( $post->post_content ) {
$tabs['description'] = array(
'title' => __( 'Description', 'woocommerce' ),
'priority' => 10,
'callback' => 'woocommerce_product_description_tab'
);
}
CSSは優れていますが、スタイルシートが正しく読み込まれないと、意味のないタブが表示される可能性があります。前述のように、フィルターを使用して、ロードする前に(サーバー側で)コンテンツを削除することをお勧めします。
データタブの設定を解除するには、Woothemesから提供されている以下のコードを参照してください。
[〜#〜] edit [〜#〜]テーマ内のfunctions.phpファイル内に配置します。
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
unset( $tabs['description'] ); // Remove the description tab
unset( $tabs['reviews'] ); // Remove the reviews tab
unset( $tabs['additional_information'] ); // Remove the additional information tab
return $tabs;
}
Woo-commerce製品の詳細ページからタブを削除したい場合は、このコードをfunction.phpに追加してください
オプション1-
関数.phpに移動し、次のコードを追加します。 ([管理]パネル> [外観]> [エディター]> [functions.php]に移動します)
add_filter( 'woocommerce_product_tabs', 'woo_remove_tabs', 98 );
function woo_remove_tabs( $tabs ){
if(is_product()){
unset( $tabs['description'] ); // Remove the description tab
unset( $tabs['reviews'] ); // Remove the reviews tab
unset( $tabs['additional_information'] ); // Remove the additional information tab
}
return $tabs;
}
このフィルターを使用することで、Woocommerce製品ページからタブを削除できます。
オプション2-
または、別のアプローチとして、これをfunctions.phpに追加するだけです。
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10);
オプション3-
これをwoocommerce.cssの下部に追加して、タブを非表示にします
.woocommerce_tabs .tabs {
display: none;
}
続きを読む- Woo-commerce:製品ページからタブを削除
すみませんが、問題はタブを削除するだけでなく、製品の説明を保持することです。上記のコードを試したことがあれば、タブを削除しているときに実際に製品の説明を削除していることに気付くでしょう。そして、これは望ましいケースではありません。
次のコードをどこかに追加して、再度追加する必要があります。ただし、残念ながら今回は、画像を並べて説明を追加し、狭い列を作成することができます。以前タブが存在していた画像の下にうまく追加するための解決策が見つかりませんでした。コード:
function woocommerce_template_product_description() {
woocommerce_get_template( 'single-product/tabs/description.php' );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_product_description', 40 );
何らかの理由で、functions.phpファイルに追加するコードは、wooコマースコーデックスにある場合でも機能しませんでした。
私はレビューを示したこれらの製品にたくさんのコメントスパムを受け取っていました。
結局、組み込みのワードプレス/ウーコマース機能を使用して、すべての製品からレビュータブを手動で削除しました。
作業コードは次のとおりです。
add_filter( 'woocommerce_product_tabs', 'wcs_woo_remove_reviews_tab', 98 );
function wcs_woo_remove_reviews_tab($tabs) {
unset($tabs['reviews']);
return $tabs;
}