제품 갤러리 아래에 woocommerce 관련 제품 표시

Javid

단일 제품에서 관련 제품을 제거했습니다.

remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );

이제 제품 이미지 갤러리 아래에 관련 제품을 표시하고 싶습니다. 다음은 제품 갤러리 코드입니다.

/*******Single Product ********/
remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

add_action( 'woocommerce_product_thumbnails', 'show_product_thumbnails', 20 );
add_action( 'woocommerce_before_single_product_summary', 'show_product_images', 10 );

function show_product_thumbnails(){
    global $post, $product, $woocommerce;

    $attachment_ids = $product->get_gallery_attachment_ids();
    $count_gallery  = count($attachment_ids);

    echo '<div class="thumbnails" id="gallery">';

    if ( $attachment_ids ) {
        echo '<div class="main-slider" style="width:85%; float:right;position: relative;">'
            echo '<div class="slider slider-for">';
                foreach ( $attachment_ids as $attachment_id ) {
                    $totem_single_image = wp_get_attachment_image_src( $attachment_id, 'shop_single', true );
                    $image_link         = $totem_single_image[0];
                    $main_image_link    = wp_get_attachment_url( $attachment_id );
                    $image_title        = esc_attr( get_the_title( $attachment_id ) );
                    $image              = wp_get_attachment_image( 
                        $attachment_id, 
                        apply_filters( 'single_product_small_thumbnail_size', 'shop_single' ),
                        0,
                        $attr = array(
                            'title' => $image_title,
                            'alt'   => $image_title
                        )
                    );

                    echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '<a href="%s" class="elevatezoom-gallery" title="%s"><img class="lily_zoom" src="%s" alt="%s" data-zoom-image="%s"></a>', $main_image_link, $image_caption, $image_link, $image_title, $main_image_link), $attachment_id, $post->ID );  
                }
            echo '</div>';
        echo'</div>';

        echo '<div class="pagination" style="width:13%; display:block;">';
            echo '<div class="slider slider-nav" role="toolbar">';
                foreach ( $attachment_ids as $attachment_id ) {
                    $totem_single_image = wp_get_attachment_image_src( $attachment_id, 'medium', true );
                    $image_link         = $totem_single_image[0];
                    $main_image_link    = wp_get_attachment_url( $attachment_id );
                    $image_title        = esc_attr( get_the_title( $attachment_id ) );
                    $image              = wp_get_attachment_image( 
                        $attachment_id, 
                        apply_filters( 'single_product_small_thumbnail_size', 'shop_single' ), 
                        0, 
                        $attr = array(
                            'title' => $image_title,
                            'alt'   => $image_title
                        )
                    );

                    echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '<img src="%s" alt="%s"></a>', $image_link,$image_title), $attachment_id, $post->ID );  
                }
            echo '</div>';
        echo '</div>';
    }
    echo '</div>';
}

function show_product_images(){
    global $post, $woocommerce, $product;

    echo '<div class="images lily-main-image">';

        if ( has_post_thumbnail() ) {
            $image_caption   = get_post( get_post_thumbnail_id() )->post_excerpt;
            $main_image_link = wp_get_attachment_url( get_post_thumbnail_id() );
            $image           = get_the_post_thumbnail( 
                $post->ID, 
                apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), 
                array(
                    'title'           => get_the_title( get_post_thumbnail_id() ),
                    'data-zoom-image' => $main_image_link, 
                    'id'              => 'totemImgZoom'
                )
            );

            $attachment_count = count( $product->get_gallery_attachment_ids() );
            // echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img width="320px"src="%s" id="totemImgZoom" data-zoom-image="%s" title="%s" alt="">', $main_image_link, $main_image_link, $image_caption), $post->ID);   
        }
        else {
        //  echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img class="zoomImage" src="%s" alt="%s"/>', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID );
        }

        do_action( 'woocommerce_product_thumbnails' );
        do_action( 'woocommerce_output_related_products');

    echo '</div>'; 
}
Javid

좋아, 여기에 해결책이 있습니다.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_output_related_products', 25);
function woocommerce_output_related_products(){
	$args = array( 
        'posts_per_page' => 4,  
        'columns' => 4,  
        'orderby' => 'rand' 
 ); 
   	woocommerce_related_products( apply_filters( 'woocommerce_output_related_products_args', $args ) ); 
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

WooCommerce의 제품 갤러리 아래에 캡션 표시

분류에서Dev

woocommerce 관련 제품

분류에서Dev

관련 제품 표시, 그리드에서 현재 제품 제외

분류에서Dev

WooCommerce : 단일 제품 페이지에만 가격 접미사 표시-관련 제품 제외

분류에서Dev

WooCommerce 관련 제품 사용자 정의 WP 쿼리에서 품절 된 제품 제거

분류에서Dev

LARAVEL-관련 카테고리에 제품 표시

분류에서Dev

WooCommerce 관리자 제품 목록에 로그인 한 작성자의 제품 만 표시

분류에서Dev

WooCommerce는 제품 제목에 제품 카테고리를 표시합니다.

분류에서Dev

제품 갤러리의 두 번째 WooCommerce 이미지를 루프에 표시합니다.

분류에서Dev

WooCommerce : 제품 갤러리에 추가 이미지 추가

분류에서Dev

내 WooCommerce 관련 제품 위젯에서 특정 카테고리 제외

분류에서Dev

WooCommerce 결제 페이지에 제품 카테고리 표시

분류에서Dev

5의 관련 제품 테이블에 임의의 제품 표시

분류에서Dev

WordPress 관리자 대시 보드에서 WooCommerce 제품 메뉴 제목 변경

분류에서Dev

Woocommerce 제품 페이지에 제품 판매 종료일 표시

분류에서Dev

WooCommerce : 관리자 제품 목록에서 제품 이름 옆에 제품 유형을 추가하는 방법

분류에서Dev

Woocommerce Storefront 카테고리 아카이브의 제품 아래에 쇼 코드를 표시 하시겠습니까?

분류에서Dev

제품 이름을 표시하는 WooCommerce 관리 주문에 열을 추가 할 때 문제

분류에서Dev

WooCommerce-첫 페이지에 카테고리 및 제품 표시

분류에서Dev

Shopify에 표시되지 않는 관련 제품

분류에서Dev

WooCommerce의 사용자 정의 탭에 "관련 제품"추가

분류에서Dev

WooCommerce 관리 제품 목록에서 "is_in_stock"열의 콘텐츠 무시

분류에서Dev

woocommerce에 n 개의 제품 가격이있는 제품 카테고리 썸네일을 루프로 표시

분류에서Dev

WooCommerce 결제 문제에 제품 판매 가격 표시

분류에서Dev

속한 카테고리 바로 아래에 제품 표시

분류에서Dev

단일 제품에 WooCommerce 맞춤형 제품 속성 및 모든 용어 표시

분류에서Dev

WooCommerce 제품 페이지에 사용자 지정 제품 속성 값 표시

분류에서Dev

WooCommerce 제품 페이지에 사용자 지정 제품 속성 값 표시

분류에서Dev

WooCommerce 관리 제품 목록에 속성 열 추가

Related 관련 기사

  1. 1

    WooCommerce의 제품 갤러리 아래에 캡션 표시

  2. 2

    woocommerce 관련 제품

  3. 3

    관련 제품 표시, 그리드에서 현재 제품 제외

  4. 4

    WooCommerce : 단일 제품 페이지에만 가격 접미사 표시-관련 제품 제외

  5. 5

    WooCommerce 관련 제품 사용자 정의 WP 쿼리에서 품절 된 제품 제거

  6. 6

    LARAVEL-관련 카테고리에 제품 표시

  7. 7

    WooCommerce 관리자 제품 목록에 로그인 한 작성자의 제품 만 표시

  8. 8

    WooCommerce는 제품 제목에 제품 카테고리를 표시합니다.

  9. 9

    제품 갤러리의 두 번째 WooCommerce 이미지를 루프에 표시합니다.

  10. 10

    WooCommerce : 제품 갤러리에 추가 이미지 추가

  11. 11

    내 WooCommerce 관련 제품 위젯에서 특정 카테고리 제외

  12. 12

    WooCommerce 결제 페이지에 제품 카테고리 표시

  13. 13

    5의 관련 제품 테이블에 임의의 제품 표시

  14. 14

    WordPress 관리자 대시 보드에서 WooCommerce 제품 메뉴 제목 변경

  15. 15

    Woocommerce 제품 페이지에 제품 판매 종료일 표시

  16. 16

    WooCommerce : 관리자 제품 목록에서 제품 이름 옆에 제품 유형을 추가하는 방법

  17. 17

    Woocommerce Storefront 카테고리 아카이브의 제품 아래에 쇼 코드를 표시 하시겠습니까?

  18. 18

    제품 이름을 표시하는 WooCommerce 관리 주문에 열을 추가 할 때 문제

  19. 19

    WooCommerce-첫 페이지에 카테고리 및 제품 표시

  20. 20

    Shopify에 표시되지 않는 관련 제품

  21. 21

    WooCommerce의 사용자 정의 탭에 "관련 제품"추가

  22. 22

    WooCommerce 관리 제품 목록에서 "is_in_stock"열의 콘텐츠 무시

  23. 23

    woocommerce에 n 개의 제품 가격이있는 제품 카테고리 썸네일을 루프로 표시

  24. 24

    WooCommerce 결제 문제에 제품 판매 가격 표시

  25. 25

    속한 카테고리 바로 아래에 제품 표시

  26. 26

    단일 제품에 WooCommerce 맞춤형 제품 속성 및 모든 용어 표시

  27. 27

    WooCommerce 제품 페이지에 사용자 지정 제품 속성 값 표시

  28. 28

    WooCommerce 제품 페이지에 사용자 지정 제품 속성 값 표시

  29. 29

    WooCommerce 관리 제품 목록에 속성 열 추가

뜨겁다태그

보관