商品説明Woocommerceでさらに詳しく読む

Question

私のWoocommerceストアで50単語後に商品説明にもっと多くのボタンが必要です。いくつかのコードで可能ですか？おかげ

Answer 1

変数$よりグローバルなオープンyourwoocommerce /コンテンツ・シングルproduct.phpファイルとインポートは、その後、タグの前の部分を取得するにはfalseに設定します。

<div class="collapsed-content"> 
     <?php 
      global $more; 
      $temp = $more; 
      $more = false; 
      $short_description = get_the_content(''); 
      echo $short_description; 
      $more = $temp; 
     ?> 
</div> 

完全な説明文を表示することができますthe_content（）関数を呼び出します。あなたの簡単な説明以下の新しい<div>を作成し、そこにあなたの完全な説明をエコー：あなたがしたい

<div class="full-content"> 
    <?php 
     $full_description = the_content(); 
    ?> 
</div> 

次のことは、この<div>のCSSを変更することですので、我々はそれを必要とする前に、それは表示されませんでした。

.full-content { 
    display: none; 
} 

次に、「もっと読む...」リンクをクリックすると、<div>を切り替えるようにjQuery関数を設定します。唯一の簡単な説明、デフォルトで

ので

jQuery(function($) { 
    $(document).ready(function() { 
     $("#readMore, #readLess").click(function(){ 
      $(".collapsed-content").toggle('slow', 'swing'); 
      $(".full-content").toggle('slow', 'swing'); 
      $("#readMore").toggle();// "read more link id" 
      return false; 
     }); 
    }); 
}); 

、<前に - - MORE - - >タグが示されています。ユーザーがリンクをクリックすると、リンクが完全な説明に置き換えられます。必要に応じていくつかのアニメーションを追加します。完璧。

Answer 2

わかりましたように、商品の説明を表示するには、[その他]というタブが必要です。

moreと呼ばれる新しいタブ（リンク）を追加するコードを確認し、その下に商品の詳細を表示します。

add_filter('woocommerce_product_tabs', 'add_my_tab'); 

function add_my_tab($tabs){ 
    $tabs['details_tab'] = array(
     'title'  => 'More', 
     'priority' => 1, 
     'callback' => 'tab_content', 
    ); 
    return $tabs; 
} 

function tab_content(){ 
    global $product; 
    echo $product->get_description(); 
} 

私はこのlinkでこのコードを発見したあなたのテーマののfunctions.php

にコードを貼り付けます。詳細はこちらで確認できます。私はちょうどあなたの記述に従ってそのコードを修正しました。