Flores Manuel Consultor especializado en WordPress y WooCommerce.

+549 115594 7442
hola@floresmanuel.com

Woocommerce Modificar la página de producto tabs

Hace unos dias tuve un pedido de un cliente para modificar la pagina del producto en woocommerce, mas precisamente en los tabs, a simple vista parece algo complejo, pero para ello existen los snippets, estos fragmentos de codigo se añaden por lo general al final del archivo functions.php de tu theme.

Por defecto woocommerce trae tres tabs:

  • Description
  • Reviews
  • Aditional information

Puede darse el caso de no querer ninguna y para ello solo hay que agregar lo siguiente en el archivo functions.php


 /**
 * Remove product tabs
 *
 */
function woo_remove_product_tab($tabs) {
 
    unset( $tabs['description'] );              // Quitar la pestaña de descripción larga
    unset( $tabs['reviews'] );                     // Quitar la pestaña de reseñas
    unset( $tabs['additional_information'] );      // Quitar la pestaña de información adicional
 
     return $tabs;
 
}
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tab', 98);

AÑADIR UNA PESTAÑA CON INFORMACIÓN GENERAL
Es posible que quieras añadir una pestaña con información general de la tienda. Por ejemplo gastos de envío, métodos de pago etc. Así le puedes dar al comprador toda la información sin salir de la página.

El siguiente snippet añadirá una pestaña con la misma información en todos los productos:


add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {

// Adds the new tab

$tabs['test_tab'] = array(
'title' => __( 'Título de la pestaña', 'woocommerce' ),
'priority' => 50,
'callback' => 'woo_new_product_tab_content'
);

return $tabs;

}
function woo_new_product_tab_content() {

// Añadir debajo el contenido de la pestaña

echo '<h2>Gastos de envío</h2>';
echo '<p>Gastos de envío y devoluciones gratis para envíos nacionales.</p>';

}

REORGANIZA LAS PESTAÑAS
Otra buena opción es reorganizar


add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

$tabs['reviews']['priority'] = 5; // Reseñas primera
$tabs['description']['priority'] = 10; // Descripción segunda
$tabs['additional_information']['priority'] = 15; // Información adicional tercera

return $tabs;
}

Hasta aqui otro aporte, si hay algun snipped que no funcione por favor deja un comentario.

Consultor especializado en WordPress y WooCommerce.