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
(1 votos, promedio: 5,00 de 5)
Cargando…