En un artículo anterior vimos cómo usar los campos personalizados de WordPress en entradas. Puesto que se puede aplicar lo mismo a cualquier Custom Post Type, en este artículo veremos cómo crear campos personalizados en productos de WooCommerce.
Resultado Final
Al final, obtendremos algo similar a lo que se muestra en la siguiente imagen.
Generalidades
WooCommerce te permite agrupar productos por categorías y etiquetas, además puedes agregar atributos de productos, sin embargo, si quieres añadir características adicionales como parte de la información del producto, puedes evaluar usar campos personalizados.
Por ejemplo para una tienda de libros podríamos considerar los siguientes campos personalizados:
- Edición
- Autor(es)
- Género
- Editorial
- Enlace a recursos externos, etc
Crear campos personalizados
Para añadir los campos personalizados de manera simple, usaremos el plugin Advanced Custom Fields.
Tras instalar el plugin verás que te aparece una opción en el menú del dashboard llamada custom fields, tras ingresar lo primero que tienes que hacer es agregar un nuevo Field Group e ir añadiendo cada uno de los campos personalizados.
Es posible añadir campos de tipo de selección, tal como se ve en la imagen.
Los campos de selección permiten definir condicionales para nuevos campos basado en los valores de selección.
Al final tras ingresar los campos personalizados podrás ver en la pantalla de edición de producto los campos creados, listos para ser usados como parte de la información del producto.
Mostrar Campos personalizados en el front-end de tu sitio
Todo lo realizado anteriormente de momento no se esta mostrando a los usuarios de tu tienda, para mostrar esta información en el detalle de producto puedes hacer uso de los hooks de WooCommerce y de las funciones del plugin Advanced custom field.
Coloca el siguiente código al final del archivo functions.php de tu theme.
add_action( 'woocommerce_single_product_summary', "dcms_caracteristicas_producto", 8 );
function dcms_caracteristicas_producto(){
if (function_exists('get_field')){
echo "<p><strong>Edición:</strong> ". get_field('edicion')."</p>";
echo "<p><strong>Autor: </strong>". get_field('autor')."</p>";
echo "<p><strong>Género: </strong>". get_field('genero')."</p>";
echo "<p><strong>Editorial: </strong>". get_field('editorial')."</p>";
}
}
En el código anterior:
- Usamos el hook woocommerce_single_product_summary que hace referencia a la función dcms_caracteristicas_producto
- Dentro de la función comprobamos si la función get_field del plugin Advanced Custom fields existe
- Si la función existe, entonces la usamos para recuperar los campos creados
¿Aún con dudas?, en el siguiente video se detalla los puntos anteriores.
Artículos Relacionados
(3 votos, promedio: 5,00 de 5)
Cargando…
Le agradezco su aporte me ha resuelto parte del problema que tengo. He incluido las campos personalizados en la página de producto. Ahora necesito añadir alguno de los campos personalizados en el listado de productos. Me podrías ayudar. De antemano muchas gracias.
De manera general, podrías revisar los Hooks que tiene Woocommerce: https://docs.woocommerce.com/wc-apidocs/hook-docs.html , alguno de ellos debería tener efecto en el listado.
Siento que estaba tan cerca de solucionar mi problema hasta que me salio este aviso
Los cambios en tu código PHP se han revertido debido a un error en la línea 65 del archivo wp-content/themes/north-wp/functions.php. Por favor, arréglalo y trata de guardar de nuevo.
syntax error, unexpected ‘>’
QUÉ PUEDO HACER ? NO SE QUE ES LO QUE FALLA.
Hola, revisa bien el código, prueba con el código de ejemplo sin realizar cambios, te sugiero además usar el Administrador de Archivos de tu Cpanel en lugar de hacer los cambios con el editor de tu WordPress, ya que este último es muy limitado y te reportará a veces errores cuando no los hay.
Un buen tutorial,gran ayuda, gracias.
Tengo una consulta, voy a hacer una importación masiva de datos de productos por CSV, a la hora de importar te pregunta donde quieres cada columna de datos. He hecho una prueba y los que vienen en origen estan todos pero no salen los nuevos campos creados. ¿Hay alguna solución?
Hola, podrías revisar el siguiente hilo de discusión del foro de ACF, https://support.advancedcustomfields.com/forums/topic/import-custom-posts-via-csv/ , revisa especialmente las últimas entradas.
Parece ser que existe un error en la sintaxis, al menos para las versiones más recientes de WordPress.
Este código, al menos no da un error en la sintaxis al intentar guardarlo:
sin embargo por algún motivo, no me pinta el valor del campo en el front….
Hola, cuando es un error de sintaxis es PHP quien lo valida, no WordPress, qué error te aparece cuando usas el código de este artículo, el código que envías no veo que imprima los campos.
Muy buen aporte me ayudo mucho, me gustaria saber como agrego esos campos creados a la zona de widgets para poder usarlos en un sidebar, estoy en proceso de creacion de una tienda web y los necesito para crear el catalogo de filtros.
Gracias
Hola, parece que hay un plugin que te puede ayudar con los filtros y que veo que se integra con ACF (Advanced Custom Fields)