제품 설명 Woocommerce에서 더 많은 것을 읽으십시오

Question

나는 나의 Woocommerce 상점에있는 50의 단어 후에 제품 설명에있는 단추를 더 읽어야합니다. 일부 코드에서 가능합니까? 전체 설명 텍스트가 표시 될 수

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

: 감사

는

Answer 1

개방 yourwoocommerce/컨텐츠 단일 product.php 파일과 수입 전역 변수 $ 더, 다음 태그 앞에 부분을 얻기 위해 거짓으로 설정 the_content() 함수를 호출하여. 우리가 그것을 필요로하기 전에 다음으로 할 일은이 <div>의 CSS를 변경하는

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

입니다

, 그래서 표시되지 않을 것입니다 : 당신의 간단한 설명 아래에 새 <div>를 만들고 거기에 대한 자세한 설명을 에코

을

.full-content { 
    display: none; 
} 

다음으로, "Read more .."링크를 클릭하면이 <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; 
     }); 
    }); 
}); 

그래서 기본적 짧은 설명으로 < 전에 - - 더 - -> 태그가 표시됩니다. 사용자가 링크를 클릭하면 전체 설명으로 바뀝니다. 원하는 경우 애니메이션을 추가하십시오. 완전한.

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

에 코드를 붙여 넣습니다. 자세한 내용은 거기에서 확인할 수 있습니다. 귀하의 설명에 따라 해당 코드를 수정했습니다.