{"id":700,"date":"2018-11-20T12:00:34","date_gmt":"2018-11-20T11:00:34","guid":{"rendered":"https:\/\/www.welaunch.io\/es\/?p=700"},"modified":"2024-05-15T11:44:58","modified_gmt":"2024-05-15T09:44:58","slug":"custom-woocommerce-product-tabs","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/es\/2018\/11\/custom-woocommerce-product-tabs\/","title":{"rendered":"C\u00f3mo crear pesta\u00f1as personalizadas de productos WooCommerce"},"content":{"rendered":"
Los clientes de su tienda online necesitan informaci\u00f3n: cuanta m\u00e1s, mejor. Gracias a la actual soluci\u00f3n de comercio electr\u00f3nico WooCommerce para WordPress ya puedes a\u00f1adir informaci\u00f3n adicional a tus productos. Adem\u00e1s de los elementos est\u00e1ndar como el nombre, el precio, la imagen o una breve descripci\u00f3n, puede a\u00f1adir hasta 3 fichas de producto est\u00e1ndar:<\/p>\n
Pero qu\u00e9 pasa si necesitas m\u00e1s pesta\u00f1as personalizadas de productos WooCommerce? Entonces tiene dos opciones. O bien eres capaz de programar en PHP y desarrollar alg\u00fan c\u00f3digo, que puedes colocar en tus funciones.php de su tema hijo. O te consigues un plugin para WooCommerce que te permite crear pesta\u00f1as a tu gusto sin programaci\u00f3n a medida. Le mostramos c\u00f3mo puede a\u00f1adir fichas de producto personalizadas de ambas formas.<\/p>\n
Si est\u00e1s familiarizado con PHP y WordPress puedes desarrollar tu propia soluci\u00f3n para a\u00f1adir pesta\u00f1as personalizadas a tus productos. Simplemente configure un tema hijo si no tiene uno, luego vaya a sus funciones.php e iniciar el trabajo. The WooCommerce core offers a custom filter hook to add own tabs with the namewoocommerce_product_tabs. Puedes engancharte a este filtro con facilidad.Como ejemplo vamos a a\u00f1adir una nueva pesta\u00f1a llamada “Env\u00edos y plazos de entrega”. Con esto queremos dar al cliente m\u00e1s informaci\u00f3n sobre el proceso de env\u00edo como cu\u00e1ndo llega mi paquete o qu\u00e9 empresas de transporte se utilizan.Empezamos por conectarnos al filtro:add_filter( ‘woocommerce_product_tabs’, ‘my_shipping_tab’ );function mi_pesta\u00f1a_env\u00edo( $pesta\u00f1as ) { \/\/ A\u00f1ade la nueva pesta\u00f1a $tabs=array( ‘title’ => __( ‘Env\u00edo y entrega’, ‘child-theme’ ), prioridad’ => 50, ‘callback’ => ‘my_shipping_tab_callback’ ); devolver $tabs;}Lo m\u00e1s importante es el t\u00edtulo, la prioridad y la funci\u00f3n callback. Si desea cambiar la posici\u00f3n de la pesta\u00f1a, e.g. haz que sea la primera pesta\u00f1a, cambia la prioridad a 1. La devoluci\u00f3n de llamada es la funci\u00f3n que definimos ahora. Devuelve el contenido de la pesta\u00f1a:function my_shipping_tab_callback() {\/\/ El contenido de la nueva pesta\u00f1aecho ‘<\/p>\n
‘;echo ‘<\/p>\n
We ship for free within USA using UPS.<\/p>\n
‘;}Eso es todo – ahora cada producto contiene esta ficha. Tambi\u00e9n puedes eliminar pesta\u00f1as o cambiar el nombre de las existentes.Pero, \u00bfy si necesitas pesta\u00f1as de WooCommerce espec\u00edficas para un producto o una categor\u00eda? Por ejemplo, necesita mostrar una gu\u00eda de tallas, pero s\u00f3lo para los productos de la categor\u00eda “ropa”. Entonces deber\u00edas tomar un plugin!<\/p>\n
Gracias al plugin WooCommerce Ultimate Custom Product Tabs podr\u00e1s crear pesta\u00f1as a tu gusto:<\/p>\n
\u00c9stas son s\u00f3lo algunas de las caracter\u00edsticas m\u00e1s importantes que ofrece este plugin para una gesti\u00f3n \u00f3ptima de las fichas de producto. Tomemos el ejemplo anterior de c\u00f3mo crear una pesta\u00f1a espec\u00edfica de una categor\u00eda. Entra en wp-admin > WooCommerce > Ultimate Tabs. All\u00ed se activa 1. por ejemplo, a\u00f1ada un t\u00edtulo, contenido y prioridad a la pesta\u00f1a. Luego viene la parte de la solicitud. Aqu\u00ed puedes establecer d\u00f3nde quieres que aparezca esta pesta\u00f1a en.Y eso es todo. Ahora la pesta\u00f1a s\u00f3lo se aplicar\u00e1 en la secci\u00f3n de sudaderas con capucha. \u00bfQu\u00e9 m\u00e1s puede hacer este plugin? Puede renombrar, desactivar y reordenar las pesta\u00f1as est\u00e1ndar. O puede desactivar la funcionalidad de la pesta\u00f1a en absoluto.<\/p>\n
A veces es mejor para Google SEO o para sus clientes en absoluto, que ven todo el contenido directamente. As\u00ed que ser\u00eda bueno eliminar la funci\u00f3n de tabulaci\u00f3n para mostrar directamente la descripci\u00f3n, los datos t\u00e9cnicos y las rese\u00f1as. Si desea eliminar la funcionalidad del tabulador, a\u00f1ada este script personalizado:wp_dequeue_script( ‘wc-single-product’ );A continuaci\u00f3n, a\u00f1ada este CSS personalizado para ocultar las pesta\u00f1as de productos:.woocommerce-tabs ul.pesta\u00f1as {mostrar: ninguno !importante;}<\/p>\n","protected":false},"excerpt":{"rendered":"
Los clientes de su tienda online necesitan informaci\u00f3n: cuanta m\u00e1s, mejor. Gracias a la actual soluci\u00f3n de comercio electr\u00f3nico WooCommerce para WordPress ya puedes a\u00f1adir informaci\u00f3n adicional a tus productos. Adem\u00e1s de los elementos est\u00e1ndar como el nombre, el precio, la imagen o una breve descripci\u00f3n, puede a\u00f1adir hasta 3 fichas de producto est\u00e1ndar: Pesta\u00f1a…<\/p>\n","protected":false},"author":1,"featured_media":791,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-700","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\/700","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=700"}],"version-history":[{"count":5,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/700\/revisions"}],"predecessor-version":[{"id":8750,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/700\/revisions\/8750"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media\/791"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/categories?post=700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/tags?post=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}