Avisos
Vaciar todo

[Resuelto] cambiar orden de pestañas

10 Respuestas
4 Usuarios
0 Reactions
27 Visitas
Respuestas: 48
Eminent Member
Topic starter
 

Hola buenas, como puedo hacer para que la pestaña "Revisa tu talla" que es de un pluggin, pueda aparecer la primera? Gracias

Contenido solo visible a usuarios registrados


 
Respondido : 20/05/2024 9:48 am
Respuestas: 18649
Soporte CMS Webempresa
 

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 


 
Respondido : 20/05/2024 12:30 pm
Respuestas: 48
Eminent Member
Topic starter
 

@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


 
Respondido : 20/05/2024 8:00 pm
Argenis
Respuestas: 11566
Soporte CMS Webempresa
 

Hola Pablo,

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

image

Un saludo 🖐️ 


 
Respondido : 20/05/2024 8:59 pm
Respuestas: 48
Eminent Member
Topic starter
 

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


 
Respondido : 20/05/2024 9:09 pm
Argenis
Respuestas: 11566
Soporte CMS Webempresa
 

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 


 
Respondido : 20/05/2024 10:02 pm
Respuestas: 48
Eminent Member
Topic starter
 

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


 
Respondido : 21/05/2024 9:39 am
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

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.

 


 
Respondido : 21/05/2024 11:27 am
Respuestas: 48
Eminent Member
Topic starter
 

@pepesoler Ahora sí. Perfecto. Gracias 😉


 
Respondido : 21/05/2024 11:42 am
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

Hola Pablo.

Nada, gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

 


 
Respondido : 21/05/2024 11:58 am