복붙노트

[WORDPRESS] WooCommerce - 사용자 정의 미리보기 및 기본 가을 후면 이미지 자리 표시

WORDPRESS

WooCommerce - 사용자 정의 미리보기 및 기본 가을 후면 이미지 자리 표시

해결법


  1. 1.나는 때 워드 프레스 / WooCommerce 처음 상태 그것을 발사하기 시작 부분에 remove_action & ADD_ACTION에 대한 초기화 후크를 추가해야 ...

    나는 때 워드 프레스 / WooCommerce 처음 상태 그것을 발사하기 시작 부분에 remove_action & ADD_ACTION에 대한 초기화 후크를 추가해야 ...

    $ placeholder_width = 0, $ placeholder_height = 0 woocommerce 버전 2.0부터 사용되지 않습니다되기 때문에 (이 참조). 당신은 더 이상 필요하지 않으며 그것은 문제의 일부가 될 수 있습니다.

    주 : 팔라의 대답은 $ 출력 올바른지 = wc_placeholder_img ($ 크기). 당신의 else 문이다. 나는 이미이 그를 투표했습니다 ...

    내가 변경된 그래서 조금 코드를 비트 :

    add_action('init', function(){
        remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
        add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
    }
    
    if ( ! function_exists( 'woocommerce_template_loop_product_thumbnail' ) ) {
        function woocommerce_template_loop_product_thumbnail() {
            echo woocommerce_get_product_thumbnail();
        } 
    }
    
    if ( ! function_exists( 'woocommerce_get_product_thumbnail' ) ) {   
        function woocommerce_get_product_thumbnail( $size = 'shop_catalog' ) {
            global $post, $woocommerce;
            $output = '<div class="col-lg-4">';
    
            if ( has_post_thumbnail() ) {               
                $output .= get_the_post_thumbnail( $post->ID, $size );
            } else {
                 $output .= wc_placeholder_img( $size );
                 // Or alternatively setting yours width and height shop_catalog dimensions.
                 // $output .= '<img src="' . woocommerce_placeholder_img_src() . '" alt="Placeholder" width="300px" height="300px" />';
            }                       
            $output .= '</div>';
            return $output;
        }
    }
    

  2. 2.코드 아래에보십시오

    코드 아래에보십시오

    remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
    add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
    
    if ( ! function_exists( 'woocommerce_template_loop_product_thumbnail' ) ) {
        function woocommerce_template_loop_product_thumbnail() {
            echo woocommerce_get_product_thumbnail();
        } 
    }
    if ( ! function_exists( 'woocommerce_get_product_thumbnail' ) ) {   
        function woocommerce_get_product_thumbnail( $size = 'shop_catalog', $placeholder_width = 0, $placeholder_height = 0  ) {
            global $post, $woocommerce;
            $output = '<div class="col-lg-4">';
    
            if ( has_post_thumbnail() ) {               
                $output .= get_the_post_thumbnail( $post->ID, $size );
            } else {
                 $output .= wc_placeholder_img( $size );
            }                       
            $output .= '</div>';
            return $output;
        }
    }
    
  3. from https://stackoverflow.com/questions/38320744/woocommerce-custom-thumbnails-and-default-fall-back-image-placeholder by cc-by-sa and MIT license