Cambiar pestaña seleccionada por defecto en el modulo [Bloque promociones especiales]

[fahani]

Hola

 

me estreno escribiendo en el foro con esta contribución.

 

Para aquellos que este usando el tema por defecto bootstrap y deseen cambiar la pestaña señalada por defecto en el módulo bloque promociones especiales.

Por defecto está señalada la pestaña "Popular"

 

 

Si quisiéramos cambiar eso, debemos abrir el archivo: index.js

 

Por defecto tiene el siguiente contenido:

$(document).ready(function(){
    $('#home-page-tabs li:first, #index .tab-content ul:first').addClass('active');
});

Para señalar la última pestaña debemos cambiarlo por:

$(document).ready(function(){
    $('#home-page-tabs li:last, #index .tab-content ul:last').addClass('active');
});

Espero que os sirva,

Un saludo!

Edited April 28, 2016 by fahani (see edit history)

[Rolige]

Cualquier aportación siempre es buena, bienvenido al foro.

[joseantgv]

Y si quieren seleccionar la de en medio:

$(document).ready(function(){
    $('#home-page-tabs li:nth-child(2), #index .tab-content ul:nth-child(2)').addClass('active');
});

[Alex Sanchez]

Gracias a los dos por el aporte, siempre viene bien !!

[fahani]

De nada! Lo suyo sería hacer un pequeño módulo que permitiera personalizar un poco la sección de promociones especiales. Con opciones:

 

- Orden de tabs

- Cual esta seleccionada por defecto

- Que productos o categorías me interesa mostrar en cada tab

 

Quizás como proyecto de futuro

[ventura]

Entiendo que va referido al orden de las tabs, desde el hook correspondiente se puede cambiar el orden