[Resuelto] cambiar orden de pestañas  

Hola Pablo, 

Verifica si con el siguiente código CSS logras organizar los tabs como necesitas

.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 600px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
flex-direction: column-reverse;
flex-wrap: wrap;
}
}

Este codigo debes añadirlo en Apariencia → Personalizar → CSS Adicoinal

Revislao y nos comentas como va todo

Un Saludo 

@karen Gracias. Sí ha funcionado y se ha puesto el primero pero necesito que esa pestaña esté abierta cuando entro en la pgina de producto, ya que ahora está abierta la de Información adicional. Gracias

Hola Pablo,

No logramos ver el elemento puedes indicarnos con una url, actualmente vemos esto:

Un saludo 🖐️ 

Sí perdona, le cambié el nombre a la pestaña ahora se llama "moda sostenible". Quiero que al entrar en la página de producto esté desplegada la pestaña "moda Sostenible"  y no tenga que darle clic para verla. Ahora mismo la que está desplegada es Informacion adicional. Gracias

Hola Pablo,

Esto es un poco más complejo, ya que es como trabaja WooCommerce, prueba con este código:

add_action('wp_enqueue_scripts', 'open_sober_size_guide_tab');

function open_sober_size_guide_tab() {
if (is_product()) {
wp_enqueue_script('jquery'); // Asegúrate de que jQuery está cargado

// El código JavaScript que se ejecutará
$script = "
jQuery(document).ready(function($) {
// Open the tab with ID tab-title-sober_size_guide
$('#tab-title-sober_size_guide').addClass('active');
$('#tab-sober_size_guide').addClass('active').show();

// Hide other tabs and their contents
$('#tab-title-sober_size_guide').siblings().removeClass('active');
$('#tab-sober_size_guide').siblings().removeClass('active').hide();
});
";

// Añadir el JavaScript inline
wp_add_inline_script('jquery', $script);
}
}

Lo agregas en tu archivo functions.php o bien con un plugin como Code snippets:

https://es.wordpress.org/plugins/code-snippets/

Verifica si con el se soluciona, en caso de no hacerlo ya tendrías que consultar con nuestros colaboradores, para esto en específico necesitas un código personalizado.

Un saludo 

vaya! con este código lo que pasa es que me ha desaparecido las pestañas. Lo que quería es que la pestaña de moda sostenible ya esté abierta en cuanto entras en la pagina de producto. y luego esten la de descripción e información adicional y esas sí tengas que hacerles clic si quieres leer mas. Pero que la primera que es Moda sostenible este siempre abierta. Gracias

Hola Pablo.

Elimina todos los códigos anteriores, el CSS y el Snippet.

.- Accede a fragmentos de código -> Añadir nuevo y añades lo siguiente:

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

 $tabs['sober_size_guide']['priority'] = 5;
 $tabs['additional_information']['priority'] = 10;
 $tabs['description']['priority'] = 15;

 return $tabs;

}

Guarda los cambios y lo revisas.

@pepesoler Ahora sí. Perfecto. Gracias 😉

Hola Pablo.

Nada, gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

Un saludo