woocommerce 갤러리의 제품 이미지 썸네일을 비활성화하는 방법은 무엇입니까?

GilbertOOl

저는 woocommerce 제품 갤러리 용 슬라이더 작업을하고 있으며 탐색에 "점"을 사용하고 woocommerce 갤러리에서 생성 된 썸네일을 숨기거나 언로드하기 때문에 생성 된 썸네일을 사용 / 필요하지 않습니다.

먼저 내 테마 functions.php 파일 에 넣습니다 .

remove_theme_support( 'wc-product-gallery-slider' );

그리고 실제로 는 내 CSS 파일 "display : none" 을 넣고 product-thumbnails.php에 대해 다음과 같이 만듭니다 .

// Note: `wc_get_gallery_image_html` was added in WC 3.3.2 and did not exist prior. This check protects against theme overrides being used on older versions of WC.
if ( ! function_exists( 'wc_get_gallery_image_html' ) ) {
    return;
}

global $post, $product;

$attachment_ids = $product->get_gallery_image_ids();

if ( $attachment_ids && $product->get_image_id() ) { ?>

<div class="slider product-responsive-thumbnail" id="product_thumbnail_<?php echo esc_attr( $post->ID ); ?>">
    <?php foreach ( $attachment_ids as $attachment_id ) { ?>
        <div class="thumbnail-wrapper">
        <?php echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', wc_get_gallery_image_html( $attachment_id ), $attachment_id ); // phpcs:disable WordPress.XSS.EscapeOutput.OutputNotEscaped ?>
        </div>
    <?php
    } ?>
</div>
<?php
}
?>

페이지 로딩을 최적화하기 위해 썸네일 생성과 표시를 완전히 비활성화하고 싶습니다!

"produtc-thumbnails.php" 파일의 내용을 완전히 삭제할 수 있다는 것을 알고 있지만 약간의 원시 방법이며 다른 덜 원시 방법으로 이것이 가능한지 알고 싶습니다.

GilbertOOl

@ 7uc1f3r 이 나에게 제안 했듯이 ,

첫 번째 간단한 해결책. woocommerce-general.css 파일을 다음과 같이 마스크 하십시오.

.woocommerce div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding:0;
    display:none; /* this hide the thumbnails */
}

두 번째 해결책 product-thumbnails.php" false "를 넣는 것입니다.

if ( ! function_exists( 'wc_get_gallery_image_html' ) ) {
    return;
}

global $post, $product;

$attachment_ids = false; // This disable the thumbnails

이제 유지하려는 방법을 선택하는 것은 사용자의 몫입니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

WooCommerce 제품 유형에 대해 배송을 완전히 비활성화하는 방법은 무엇입니까?

분류에서Dev

WooCommerce의 제품 페이지에서 "재고 수량"을 에코하는 방법은 무엇입니까?

분류에서Dev

홈 페이지의 추천 이미지에 갤러리 아이콘을 넣는 방법은 무엇입니까?

분류에서Dev

MSBuild에서 PackageReference의 (전 이적) 종속성을 제외 (비활성화)하는 방법은 무엇입니까?

분류에서Dev

MSBuild에서 PackageReference의 (전 이적) 종속성을 제외 (비활성화)하는 방법은 무엇입니까?

분류에서Dev

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

분류에서Dev

단일 제품 페이지의 기본 이미지에 커서가있을 때 자동 확대 / 축소를 비활성화하는 방법은 무엇입니까?

분류에서Dev

Woocommerce는 제품을 비활성화하지만 모든 곳이 아닙니다.

분류에서Dev

WooCommerce에서 로그되지 않은 사용자에 대해 특정 플러그인을 비활성화하는 방법은 무엇입니까?

분류에서Dev

WooCommerce의 변형 이미지 대신 장바구니 썸네일에 기본 제품 이미지 표시

분류에서Dev

내가 제어하지 않는 웹 사이트에서 모바일 리디렉션을 비활성화하는 방법은 무엇입니까?

분류에서Dev

Woocommerce에서 관련 제품 섹션의 경계선을 제거하는 방법은 무엇입니까?

분류에서Dev

Facebook에 asp.net 웹 사이트의 썸네일을 표시하는 방법은 무엇입니까?

분류에서Dev

안드로이드 시스템 갤러리 썸네일을 제거하는 방법

분류에서Dev

Woocommerce의 제품 썸네일에서 하이퍼 링크를 제거하려면 어떻게합니까?

분류에서Dev

WooCommerce 주문이 지불 될 때 가변 제품의 모든 변형을 다시 저장하는 방법은 무엇입니까?

분류에서Dev

jQuery Chosen 플러그인을 사용한 후 드롭 다운에 썸네일 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

썸네일에 추가되는 이미지의 오른쪽 상단에 아이콘을 가져 오는 방법은 무엇입니까?

분류에서Dev

기본 woocommerce 제품 제목을 만드는 방법은 무엇입니까?

분류에서Dev

필터 갤러리에서 이미지에 다른 호버를 제공하는 방법은 무엇입니까?

분류에서Dev

woocommerce의 모든 곳에서 프로그래밍 방식으로 제품 이름을 변경하는 방법은 무엇입니까?

분류에서Dev

썸네일로 반품 된 제품 카테고리를 제한하는 방법 (WooCommerce)

분류에서Dev

Magmi : 제품을 가져올 때 '웹 사이트의 제품'을 정의하는 방법은 무엇입니까?

분류에서Dev

woocommerce에서 카테고리별로 제품을 얻는 방법은 무엇입니까?

분류에서Dev

mysql에서 미리보기 제품과 다음 제품을 얻는 방법은 무엇입니까?

분류에서Dev

WP_Query로 현재 언어의 woocommerce 제품을 얻는 방법은 무엇입니까?

분류에서Dev

Shopify에서 제품 변형의 제품 옵션을 업데이트하는 방법은 무엇입니까?

분류에서Dev

jwplayer 라이브러리에서 자동 회전을 비활성화하는 방법은 무엇입니까?

분류에서Dev

미리 정의 된 cronjob을 비활성화하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    WooCommerce 제품 유형에 대해 배송을 완전히 비활성화하는 방법은 무엇입니까?

  2. 2

    WooCommerce의 제품 페이지에서 "재고 수량"을 에코하는 방법은 무엇입니까?

  3. 3

    홈 페이지의 추천 이미지에 갤러리 아이콘을 넣는 방법은 무엇입니까?

  4. 4

    MSBuild에서 PackageReference의 (전 이적) 종속성을 제외 (비활성화)하는 방법은 무엇입니까?

  5. 5

    MSBuild에서 PackageReference의 (전 이적) 종속성을 제외 (비활성화)하는 방법은 무엇입니까?

  6. 6

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

  7. 7

    단일 제품 페이지의 기본 이미지에 커서가있을 때 자동 확대 / 축소를 비활성화하는 방법은 무엇입니까?

  8. 8

    Woocommerce는 제품을 비활성화하지만 모든 곳이 아닙니다.

  9. 9

    WooCommerce에서 로그되지 않은 사용자에 대해 특정 플러그인을 비활성화하는 방법은 무엇입니까?

  10. 10

    WooCommerce의 변형 이미지 대신 장바구니 썸네일에 기본 제품 이미지 표시

  11. 11

    내가 제어하지 않는 웹 사이트에서 모바일 리디렉션을 비활성화하는 방법은 무엇입니까?

  12. 12

    Woocommerce에서 관련 제품 섹션의 경계선을 제거하는 방법은 무엇입니까?

  13. 13

    Facebook에 asp.net 웹 사이트의 썸네일을 표시하는 방법은 무엇입니까?

  14. 14

    안드로이드 시스템 갤러리 썸네일을 제거하는 방법

  15. 15

    Woocommerce의 제품 썸네일에서 하이퍼 링크를 제거하려면 어떻게합니까?

  16. 16

    WooCommerce 주문이 지불 될 때 가변 제품의 모든 변형을 다시 저장하는 방법은 무엇입니까?

  17. 17

    jQuery Chosen 플러그인을 사용한 후 드롭 다운에 썸네일 이미지를 추가하는 방법은 무엇입니까?

  18. 18

    썸네일에 추가되는 이미지의 오른쪽 상단에 아이콘을 가져 오는 방법은 무엇입니까?

  19. 19

    기본 woocommerce 제품 제목을 만드는 방법은 무엇입니까?

  20. 20

    필터 갤러리에서 이미지에 다른 호버를 제공하는 방법은 무엇입니까?

  21. 21

    woocommerce의 모든 곳에서 프로그래밍 방식으로 제품 이름을 변경하는 방법은 무엇입니까?

  22. 22

    썸네일로 반품 된 제품 카테고리를 제한하는 방법 (WooCommerce)

  23. 23

    Magmi : 제품을 가져올 때 '웹 사이트의 제품'을 정의하는 방법은 무엇입니까?

  24. 24

    woocommerce에서 카테고리별로 제품을 얻는 방법은 무엇입니까?

  25. 25

    mysql에서 미리보기 제품과 다음 제품을 얻는 방법은 무엇입니까?

  26. 26

    WP_Query로 현재 언어의 woocommerce 제품을 얻는 방법은 무엇입니까?

  27. 27

    Shopify에서 제품 변형의 제품 옵션을 업데이트하는 방법은 무엇입니까?

  28. 28

    jwplayer 라이브러리에서 자동 회전을 비활성화하는 방법은 무엇입니까?

  29. 29

    미리 정의 된 cronjob을 비활성화하는 방법은 무엇입니까?

뜨겁다태그

보관