codememo

Woocommerce에서 홈페이지에 하나의 가변 상품 페이지를 표시하는 방법

tipmemo 2023. 9. 20. 20:22
반응형

Woocommerce에서 홈페이지에 하나의 가변 상품 페이지를 표시하는 방법

나는 우커머스에서 다른 속성을 가진 하나의 가변 상품 세트를 가지고 있습니다.다음 이미지와 같은 제품(속성 변형 없음)을 보관 페이지에서 상점으로 볼 수 있습니다.

enter image description here

이 제품을 단일 제품 페이지에서 보면 다음과 같은 세부 사항을 확인할 수 있습니다.

enter image description here

그래서 구매자가 제품에 더 이상 오픈하지 않고 자신들의 변형을 선택하여 카트에 추가할 수 있도록 홈페이지의 모든 세부사항을 보고 싶습니다.

wocommerce single-product.php 파일 편집을 시도했지만 작동하지 않았습니다.

자세한 내용을 파악할 수 있는 방법이 있습니까?

어떤 도움이든 감사히 받겠습니다.

홈 페이지에 "상세한" 가변 제품(단일 제품 페이지와 같이)을 표시하려면 다음 작업을 수행해야 합니다.

  1. 간단한 워드프레스 페이지를 만들어페이지만듭니다.
  2. 해당 페이지의 워드프레스 내용 텍스트 편집기 내에 우커머스 단축코드를 붙여넣습니다.이 단축 코드에서는 아래 예와 같이 표시할 원하는 제품에 해당하는 올바른 게시물 ID(또는 제품 ID)를 설정합니다.

    [product_page id="99"]
    

이제 홈페이지에 상세한 상품이 나와 있을 것입니다.


페이지에서 제품 탭, 관련 제품 및 기타 정보를 삭제해야 할 수도 있습니다.

단일 콘텐츠 제품을 보면요.php woocmerce template 모든 섹션이 제품 페이지에 "hooked"(추가)되어 있음을 알 수 있습니다.

예를 들어 다음 예제를 사용하여 일부를 제거할 수 있습니다.

  • 제품 탭란
  • 업셀 섹션
  • 관련 상품란

코드 예제는 다음과 같습니다.

add_action( 'template_redirect', 'remove_after_single_product_section_on_home', 1 );
function remove_after_single_product_section_on_home(){

    // On home page only
    if( is_front_page() ) {
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 ); // Product tabs
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 ); // Upsells
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 ); // Related products
    }
}

코드가 작동합니다.활성 하위 테마(또는 활성 테마)의 php 파일입니다.테스트를 거쳐 작동합니다.

enter image description here

언급URL : https://stackoverflow.com/questions/51916165/how-to-display-a-single-variable-product-page-on-homepage-in-woocommerce

반응형