IT

WooCommerce 아카이브 페이지의 상품 제목 아래에 사용자 정의 필드 값 추가

itgroup 2023. 10. 30. 20:54
반응형

WooCommerce 아카이브 페이지의 상품 제목 아래에 사용자 정의 필드 값 추가

WooCommerce에서 제품의 편집 페이지의 사용자 정의 필드에서 가져올 사용자 정의 텍스트를 제품 디스플레이에 추가하고자 합니다.

지금의 모습은 이렇습니다.

아래 제목의 제품을 확인할 수 있습니다.you can see the products with their title below

모든 제품 아래에 파란색 펜으로 표시된 텍스트를 추가하고 싶습니다.(below every product, marked with blue pen)

저는 제품의 페이지에서 사용자 정의 필드를 추가하기 위한 사용자 정의 php 코드를 찾을 수 있었습니다.

in the image here.

이게 내 암호입니다.

    // Display Fields
add_action('woocommerce_product_options_general_product_data', 'woocommerce_product_custom_fields');

// Save Fields
add_action('woocommerce_process_product_meta', 'woocommerce_product_custom_fields_save');

function woocommerce_product_custom_fields()
{
    global $woocommerce, $post;
    echo '<div class="product_custom_field">';
    // Custom Product Text Field
    woocommerce_wp_text_input(
        array(
            'id' => '_custom_product_text_field',
            'placeholder' => 'Custom Product Text Field',
            'label' => __('Custom Product Text Field', 'woocommerce'),
            'desc_tip' => 'true'
        )
    );

}

function woocommerce_product_custom_fields_save($post_id)
{
    // Custom Product Text Field
    $woocommerce_custom_product_text_field = $_POST['_custom_product_text_field'];
    if (!empty($woocommerce_custom_product_text_field))
        update_post_meta($post_id, '_custom_product_text_field', esc_attr($woocommerce_custom_product_text_field));
}

하지만 제품의 디스플레이에 커스텀 필드를 연결하는 방법을 몰라서 제품 제목 아래에 커스텀 필드의 텍스트가 표시됩니다.

상품 제목 아래 사용자 정의 필드 표시 방법

업데이트됨:

제품 제목 아래에 사용자 지정 필드 값이 표시되는 이 사용자 지정 후킹 기능을 사용해 보십시오.

add_action( 'woocommerce_after_shop_loop_item_title', 'custom_field_display_below_title', 2 );
function custom_field_display_below_title(){
    global $product;

    // Get the custom field value
    $custom_field = get_post_meta( $product->get_id(), '_custom_product_text_field', true );

    // Display
    if( ! empty($custom_field) ){
        echo '<p class="my-custom-field">'.$custom_field.'</p>';
    }
}

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

그건 작동할 거야.

이를 구현하려는 모든 사용자의 경우 wocommerce_product_custom_fields() 함수에서 클로징 디브가 누락되었습니다.echo ''를 추가합니다. 닫힘 컬괄호 앞에 제품 설정의 다른 모든 제품 데이터 탭이 비어 있습니다.

이 코드를 사용하려는 경우 클로징 디바는 다음과 같습니다.

echo '</div>';

그렇지않으면echo '<div class="product_custom_field">';열려 있습니다.

언급URL : https://stackoverflow.com/questions/48444564/add-a-custom-field-value-below-product-title-in-woocommerce-archives-pages

반응형