WooCommerce : Estructura de la FICHA o pagina del PRODUCTO

Fecha Publicación:       27 de Mayo de 2024
Fecha Modificación:       25 de Julio de 2024

 

 

Ganchos de página de productos WooCommerce disponibles:

  • woocommerce_before_single_product
  • woocommerce_before_single_product_summary
  • woocommerce_product_thumbnails
  • woocommerce_single_product_summary
  • woocommerce_before_add_to_cart_form
  • woocommerce_before_variations_form
  • woocommerce_before_add_to_cart_button
  • woocommerce_before_single_variation
  • woocommerce_single_variation
  • woocommerce_after_single_variation
  • woocommerce_after_add_to_cart_button
  • woocommerce_after_variations_form
  • woocommerce_after_add_to_cart_form
  • woocommerce_product_meta_start
  • woocommerce_product_meta_end
  • woocommerce_share
  • woocommerce_after_single_product_summary
  • woocommerce_after_single_product

Cómo utilizar un gancho PHP en su sitio web:

Para usar estos ganchos, necesitará comprender un poco de código php... Puede agregar la siguiente función a su sitio web creando un tema secundario y luego agregando este código al archivo funciones.php de temas secundarios , o puede instalar nuestro Complemento de personalizaciones del sitio y agregue el código php a través del archivo php proporcionado.

Si no se siente cómodo saltando al código, eche un vistazo a nuestro complemento StoreCustomizer , que ofrece muchas funciones útiles utilizando todos estos ganchos para personalizar WooCommerce sin ningún conocimiento de codificación.

/* 
* Mi función personalizada 
*/ 
function my_custom_function ( array $params ) { 
    // Algo de código aquí 
} 
add_filter( ' woocommerce_before_single_product​ ' , ' my_custom_function ', 20 );

Todos los ganchos mencionados anteriormente están disponibles en las páginas de productos individuales de WooCommerce, todos se explican por sí mismos en cuanto a dónde se mostrarán, pero consulte la guía visual de ganchos si no está 100% seguro de dónde exactamente se conectan en el Página única de producto WooCommerce.

Nuestro complemento gratuito StoreCustomizer ofrece diferentes funciones para agregar cantidades de existencias, eliminar SKU o cualquier otro artículo, agregar un sufijo de precio, editar las pestañas de la página de su producto y muchas más funciones que quizás desee agregar a la página del producto WooCommerce, con todas las configuraciones integradas en el Personalizador. puedes hacer todo esto fácilmente sin editar el código... Échale un vistazo y descubre lo que ofrece StoreCustomizer .

Ejemplos de Uso

Usado en WooCommerce : Agregar Campos en productos -plugin Advanced Custom Fields

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>"; 

  }
  
}

resultado

Referencia

https://storecustomizer.com/woocommerce-product-page-hooks-visual-guide/

 

Articulo : 568 - Veces Leidas
Compartir Articulo:

Artículos Relacionados

×

¡Apóyame suscribiéndote a mi canal!

Tutoriales sobre Diseño Web