WooCommerce : Agregar Campos en productos -plugin Advanced Custom Fields

Fecha Publicación:       22 de Mayo de 2020
Fecha Modificación:       27 de Mayo de 2024

Agregar Campos personalizados en productos con plugin

Plugin  Advanced Custom Fields 

Por WP EngineElliot 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 

 

Nota : En reglas poner
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 

Articulo : 1168 - Veces Leidas
Compartir Articulo:

Artículos Relacionados