WooCommerce : Agregar Campos en productos -plugin Advanced Custom Fields
Agregar Campos personalizados en productos con plugin
Plugin Advanced Custom Fields
Por WP Engine - Elliot Condon | Ver detalles
Personalice WordPress con campos potentes, profesionales e intuitivos. Con el plugin Advanced Custom Fields puedes agregar campos personalizados para cualquier Custom Post Type
Se instala en Dashboard --> Campos Personalizados o ACF
→ Agregando Campos
En este caso agregamos el campo con el nombre precio_soles_gamatel con etiqueta Precio Soles Gamatel
Mostrar este grupo de campos si :
→ Tipo de Contenido es igual a Producto
Si el texto aparece en ingles : Es importante definir el Custom Post Type, que en nuestro caso será Product
→ Mostrar campo agregado al editar o agregar un producto
Si editamos o agregamos un producto veremos que veremos el campo agregado:
Mostrar Campos personalizados en el front-end (en la web) 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 o un plugin que permita agregar Snippets en tu theme.
En este caso lo mostraremos en la ficha del producto ver WooCommerce : Estructura de la FICHA o pagina del PRODUCTO
add_action( 'woocommerce_single_product_summary', "dcms_caracteristicas_producto", 8 );
function dcms_caracteristicas_producto(){
// Recuerda hacemos referencia al nombre del campo NO a a la etiqueta
if (function_exists('get_field')){
echo "<p><strong>Campo personalizado:</strong> ". get_field('precio_soles_gamatel')."</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 mismo plugin (Advanced Custom fields) existe.
- Si la función existe, entonces la usamos para recuperar los campos creados
Resultado en la web
Referencia:
Campos personalizados en productos de WooCommerce usando el Plugin Advanced Custom Fields