Agregar un campo personalizado en los productos

En el siguiente ejemplo crearemos varias funciones que nos ayudarán a agregar un campo personalizado en los productos de WooCommerce con el uso de varias acciones. Para este ejemplo en particular agregaré el campo “Marca” debajo del precio que se muestra en los productos.

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

Creamos el campo y lo añadimos al formulario de productos (en la pestaña “General”):

add_action( 'woocommerce_product_options_general_product_data', 'wc_custom_add_custom_fields' );
function wc_custom_add_custom_fields() {
    woocommerce_wp_text_input( array(
        'id' => '_custom_text_field',
        'label' => 'Marca del producto',
        'description' => 'Escribe la marca del producto.',
        'desc_tip' => 'true',
        'placeholder' => 'Marca del producto'
    ) );
}

Guardamos la información:

add_action( 'woocommerce_process_product_meta', 'wc_custom_save_custom_fields' );
function wc_custom_save_custom_fields( $post_id ) {
    if ( ! empty( $_POST['_custom_text_field'] ) ) {
        update_post_meta( $post_id, '_custom_text_field', esc_attr( $_POST['_custom_text_field'] ) );
    }
}

Imprimimos el campo debajo del precio:

function themeprefix_custom_price_message( $price ) { 
 global $post;
 $product_id = $post->ID;
 $marca = get_post_meta( get_the_ID(), '_custom_text_field', true );
 return $price . '<span class="price-description"></span>' . '<br>' . '<span> Marca: '  .  $marca  . '</span>';
}
add_filter( 'woocommerce_get_price_html', 'themeprefix_custom_price_message' );

Si deseas más información sobre como desarrollar en

WooCommerce

, visita el Codex oficial de WooCommerce haciendo clic aquí.

Si necesitas consultoría sobre

WooCommerce

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css