Avisos
Vaciar todo

[Resuelto] cambiar orden de pestañas  

 
Pablo
 Pablo
Usuario eminente

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 10:48 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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 1:30 pm

Pablo
 Pablo
Usuario eminente

@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 9:00 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Pablo,

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

image

Un saludo 🖐️ 

Respondido : 20/05/2024 9:59 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pablo
 Pablo
Usuario eminente

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 10:09 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 11:02 pm

Cursos Gratuitos WordPress

Pablo
 Pablo
Usuario eminente

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 10:39 am
Pepe
 Pepe
Soporte CMS Webempresa 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 12:27 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pablo
 Pablo
Usuario eminente

@pepesoler Ahora sí. Perfecto. Gracias 😉

Respondido : 21/05/2024 12:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pablo.

Nada, gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

 

Respondido : 21/05/2024 12:58 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress