La diferencia no es f\u00e1cil de explicar, porque ambos ganchos pueden hacer casi 1:1 lo mismo. Pero la intenci\u00f3n de las acciones es a\u00f1adir contenido extra y la intenci\u00f3n de un filtro es modificar los datos ya proporcionados por un plugin, tema o n\u00facleo de WP.El plugin WooCommerce Print Products PDF utiliza ganchos de filtro para modificar el HTML que se coloca dentro del archivo PDF del producto. Y vamos a utilizar el filtro woocommerce_print_products_product_html para crear una plantilla personalizada.Para utilizar WP Hooks se recomienda configurar un tema hijo. Un tema hijo hereda todas las funcionalidades del tema principal. Aqu\u00ed puedes crear funciones personalizadas o modificar estilos sin perderlo todo en una pr\u00f3xima actualizaci\u00f3n del tema principal. La mayor\u00eda de las plantillas de Themeforest, por ejemplo, ofrecen un tema hijo directamente en los archivos descargados. Simplemente instale el tema principal + el tema hijo, active el tema hijo y listo. En apariencia ver\u00e1s entonces 2 temas, el infantil debe estar activo.<\/p>\n
Creaci\u00f3n de nuestra plantilla HTML personalizada<\/h2>\n
As said we are going to use thewoocommerce_print_products_product_html filter. Este filtro modifica la parte HTML completa dentro del PDF, pero no toca la cabecera ni el pie de p\u00e1gina, que puedes configurar en los ajustes del plugin.As\u00ed que abre las funciones.php en tu tema hijo y haz una peque\u00f1a prueba a\u00f1adiendo esta funci\u00f3n:add_filter(‘woocommerce_print_products_product_html’, ‘custom_print_products_template’, 10, 2);function custom_print_products_template($html, $product_id){$producto=wc_get_producto($id_producto);si(!$producto) {devolver $html;}$producto_id=$producto->get_id();$html=’test’;devolver $html;}Ahora llame a su producto de impresi\u00f3n PDF URL as\u00ed: https:\/\/yourdomain.com\/product\/YOUR_PRODUCT_URL\/?imprimir-productos=pdfVer\u00e1 una cadena de prueba simple dentro del archivo incluyendo el encabezado y pie de p\u00e1gina predefinidos, que provienen del plugin. Es tan sencillo como esto, ahora puedes a\u00f1adir HTML personalizado al PDF como quieras.Vamos a a\u00f1adir algunos datos m\u00e1s del producto al HTML:<\/p>\n
- \n
- Imagen del producto alineada a la izquierda<\/li>\n
- T\u00edtulo del producto + Descripci\u00f3n derecha<\/li>\n
- Metacampo personalizado<\/li>\n<\/ul>\n
A\u00f1adir imagen, nombre y descripci\u00f3n del producto al PDF<\/h3>\n
As\u00ed que vamos a modificar la funci\u00f3n anterior y a\u00f1adir algunos datos m\u00e1s. Comenzamos a\u00f1adiendo la imagen, el t\u00edtulo y la descripci\u00f3n de nuestro producto. La imagen ir\u00e1 en una columna de la izquierda y el bloque de t\u00edtulo en una columna de la derecha, por lo que necesitamos un poco de CSS personalizado para proporcionar el flotante.add_filter(‘woocommerce_print_products_product_html’, ‘custom_print_products_template’, 10, 2);function custom_print_products_template($html, $product_id){\/\/ Comprobar si el producto existe$producto=wc_get_producto($id_producto);si(!$producto) {devolver $html;}\/\/ Obtener ID de producto$producto_id=$producto->get_id();\/\/ Estilo CSS personalizado$html=’.contenedor {acolchado: 20px;}.col-12 {anchura: 100%;acolchado: 10px;}.col-6 {anchura: 45%;float: izquierda;acolchado: 10px;}’;\/\/ Empezar con un contenedor$html .= ”;\/\/ Obtener la URL de la imagen del producto$product_image_url=get_the_post_thumbnail_url($product_id);si($url_imagen_producto) {$html .= ‘
‘;}\/\/ Obtener nombre y descripci\u00f3n del producto$nombre_producto=$producto->obtener_nombre();$producto_desc=$producto->obtener_descripci\u00f3n();si($nombre_producto) {$html .= ‘<\/p>\n
‘ . $nombre_producto . ‘<\/h1>\n
‘ . $desc_producto . ‘<\/p>\n
‘;}$html .= ”;devolver $html;}Hemos a\u00f1adido CSS personalizado para los bloques flotantes y hemos a\u00f1adido algo de relleno. A continuaci\u00f3n, utilizamos el objeto $producto y llamamos a funciones para recibir datos como el nombre, la descripci\u00f3n, etc. Puedes encontrar una lista completa de funciones para llamar al objeto producto de WooCommerce aqu\u00ed. Luego devolvemos el HTML y as\u00ed es como se ve:<\/p>\n
A\u00f1adir un campo de producto personalizado al PDF<\/h3>\n
Si utiliza campos de entrada personalizados puede utilizar la funci\u00f3n get_post_meta de WordPress para recibir los valores. WooCommerce almacena los metadatos tambi\u00e9n en la tabla post_meta. Por ejemplo, el precio, que tambi\u00e9n se puede recuperar mediante $product->get_price(); function. As\u00ed que para campos meta realmente \u00fanicos como los del plugin ACF u otros plugins personalizados la funci\u00f3n anterior es crucial para obtener los datos. Un ejemplo de c\u00f3mo utilizar el get_post_meta para dar salida a un campo personalizado en nuestro pdf de producto \u00fanico WooCommerce:$html .= ”;\/\/ Obtener campo personalizado$campo_personalizado=get_post_meta($product_id, ‘custom_field’, true);si($campo_personalizado) {$html .= ‘<\/p>\n
‘ . $campo_personalizado . ‘<\/p>\n
‘;}$html .= ”;Y eso es todo. Si utiliza ACF, por ejemplo, puede utilizar la funci\u00f3n get_field de ACF en lugar de get_post_meta.Si tienes m\u00e1s preguntas sobre c\u00f3mo configurar una plantilla PDF de producto personalizada, no dudes en comentar este art\u00edculo a continuaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"
En alg\u00fan momento, como propietario de una tienda, es posible que desee ofrecer a sus clientes la oportunidad de descargar archivos PDF de un solo producto directamente desde WooCommerce. Ya sea porque sus usuarios necesitan una versi\u00f3n impresa, porque sus comerciales necesitan folletos de productos cuando visitan a sus socios o porque sus clientes necesitan…<\/p>\n","protected":false},"author":1,"featured_media":788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-672","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"predecessor-version":[{"id":8751,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/672\/revisions\/8751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media\/788"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}