Existen diferentes formas de hacer esto, tanto simples como complejas, yo lo haria mas o menos asi.
Primero crearía un metabox en la página de producto:
// Registramos el Metabox
function custom_product_metabox(){
// Memberships Metabox
add_meta_box(
'product-custom-settings',
__( 'Producto', 'textdomain' ),
'custom_product_callback',
'product'
);
}
add_action( 'add_meta_boxes', 'custom_product_metabox' );
Esto registraría el metabox en la página de administración del producto, luego crearía los campos para el metabox:
// Agregamos los campos
function custom_product_callback(){
$screen = get_current_screen();
if ( $screen->action !== 'add' ) :
global $post;
$post_id = $post->ID;
$logo = get_post_meta( $post_id, 'ct_product_logo', true );
$texto = get_post_meta( $post_id, 'ct_product_title', true );
else :
$logo = '';
$texto = '';
endif;
// Logo
echo '<div class="trn-form-control">';
echo '<div class="trn-row">';
echo '<div class="trn-col-2"><label>Logo</label></div>';
echo '<div class="trn-col-10">';
echo '<input type="text" id="custom-product-logo" name="custom-product-logo" value="' . $logo . '">';
echo '</div>';
echo '</div>';
echo '</div>';
// Titulo
echo '<div class="trn-form-control">';
echo '<div class="trn-row">';
echo '<div class="trn-col-2"><label>Titulo</label></div>';
echo '<div class="trn-col-10">';
echo '<input type="text" id="custom-product-title" name="custom-product-title" value="' . $texto . '">';
echo '</div>';
echo '</div>';
echo '</div>';
}
Esto agrega dos campos de texto, uno para el título y otro para la url de la imagen, tambien podrias agregar un campo file, pero eso es más complejo, por ahora lo dejaré simple.
Una vez tenga mis campos creados agrego lo siguiente para guardar esos datos.
// Guardamos los datos
function product_save_custom( $post_id ) {
$post_type = get_post_type( $post_id );
if ( $post_type == 'product' ) :
$logo = sanitize_text_field( $_POST['custom-product-logo'] );
$titulo = sanitize_text_field( $_POST['custom-product-title'] );
update_post_meta( $post_id, 'ct_product_logo', $logo );
update_post_meta( $post_id, 'ct_product_title', $titulo );
endif;
}
add_action( 'save_post', 'product_save_custom');
Esto lo que hace es escuchar cuando se guarda un post, si el post es de tipo producto entonces actualiza los campos.
Por ultimó procedo a mostrar en el fronted los campos que he guardado usando el hook woocommerce_after_shop_loop_item_title
.
// Mostramos los datos
function show_custom_product_data(){
global $product;
$post_id = $product->get_id();
$logo = get_post_meta( $post_id, 'ct_product_logo', true );
$texto = get_post_meta( $post_id, 'ct_product_title', true );
if ( $logo ) :
echo '<img class="your-class" src="' . $logo . '">';
endif;
if ( $texto ) :
echo '<p class="your-p-class">' . $texto . '<p>';
endif;
}
add_action( 'woocommerce_after_shop_loop_item_title', 'show_custom_product_data' );
Esto no lo he probado pero deberia de funcionar, si no déjelo en los comentarios, también recomiendo leer esta "Guia Visual" de hook que puede usar.
https://www.businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/
Tambien podria intentar verificar si el plugin Advanced Custom Fields le funciona, sirve para crear campos personalizados sin mucho esfuerzo, es una buena alternativa para usuarios con pocos conocimientos.
Nota: Si el metabox no aparece desde el principio intente verificar las opciones de pantalla "Screen Options" para verificar que este marcado.