[WORDPRESS] WooCommerce 제품 설명에있는 모든 이미지를 보여주는 방법

WooCommerce 제품 설명에있는 모든 이미지를 보여주는 방법

해결법

1. ---

   1.다음과 같은 wc_product get_image () 메소드를 사용할 수 있습니다.

   다음과 같은 wc_product get_image () 메소드를 사용할 수 있습니다.

   echo $product->get_image( array('700', '600'), array( "class" => "img-responsive" ), '' );
   

   그런 다음 코드에서 모든 Echoed 사용자 정의 코드와 주요 제품 이미지 (제품 설명 콘텐츠의 끝에서)를 버퍼링 할 수 있습니다.

   // Display description tab when empty
   add_filter( 'woocommerce_product_tabs', 'display_description_product_tabs' );
       function display_description_product_tabs( $tabs ) {
   
       $tabs['description'] = array(
           'title'    => __( 'Description', 'woocommerce' ),
           'priority' => 10,
           'callback' => 'woocommerce_product_description_tab',
       );
   
       return $tabs;
   }
   
   // Add image to description
   add_filter( 'the_content', 'add_product_image_woocommerce_description' );
   function add_product_image_woocommerce_description( $content ) {
       global $product;
   
       // Single product pages (woocommerce)
       if ( is_product() ) {
   
           ob_start(); // Start buffering
   
           // HERE your main image
           echo $product->get_image( array('700', '600'), array( "class" => "img-responsive" ), '' );
   
           $image_content = "";
   
           // Loop through gallery Image Ids
           foreach( $product->get_gallery_image_ids() as $image_id ) {
   
               echo '<img src="'. wp_get_attachment_image_url($image_id, 'full') . '" alt="image_content" width="500" height="600">';
           }
   
           echo '<p> TEST Image content </p>'; // Testing text
   
           // Inserting the buffered content after
           $content .= ob_get_clean();
       }
   
       return $content;
   }
   

from https://stackoverflow.com/questions/62620929/how-to-show-all-images-in-woocommerce-product-description by cc-by-sa and MIT license