Avisos
Vaciar todo

Configuracion pestañas descripcion de un producto  

Página 2 / 2
 
PEDRO
 PEDRO
Noble Member

Hola Johnny,
Me podrias decir como puedo obtener el efecto de pestañas en la descripcion de un producto.
Te envio captura.

Gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/02/2013 3:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Pedro

Me he dado cuenta que el plugin de tabs asume que la plantilla maneja unos estilos específicos relacionados con la clase tabs , he visto que tu plantilla no tiene estos estilos y es extraño por que son estilo de Joomla (al parecer de la parte de contactos)

Sin embargo lo que puedes hacer es copiar los estilos desde un template estandar, por ejemplo los siguientes estilos de tabs son del template beez20, debes copiar este código al final de algún archivo de estilos de tu template, por ejemplo en este archivo :

/templates/yoo_cloud/css/layout.css


dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;


}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;

}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
}


div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}

Luego refresca tu navegador y verifica si ya te aparecen los tabs correctamente.

Saludos

ResponderCitar
Respondido : 24/02/2013 2:49 pm

PEDRO
 PEDRO
Noble Member

Hola Jhon,

Antes de estropear nada me gustaria asegurarme bien.
Te adjunto captura para que me aclares una duda en la captura llevas la pregunta.

Gracias.

ResponderCitar
Respondido : 24/02/2013 4:59 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Pedro

Si exacto, a partir de la línea 88 , realiza un backup de tu archivo en caso tengas problemas

Para ver los cambios debes refrescar tu navegador

Saludos.

ResponderCitar
Respondido : 24/02/2013 5:24 pm

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

PEDRO
 PEDRO
Noble Member

Hola Jhon,
Correcto ha salido bien te adjunto captura para que veas y de paso me digas como puedo ajustar algo mas el texto a la caja.

Gracias.

ResponderCitar
Respondido : 15/03/2013 6:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Pedro

En algún archivo de estilos de tu template , por ejemplo :

/web/templates/yoo_cloud/css/style.css

Agrega el siguiente código :

dt.tabs h3{
    margin-top:5px;
    margin-bottom:5px;
}

Saludos.

ResponderCitar
Respondido : 15/03/2013 8:50 pm

Cursos Gratuitos WordPress

PEDRO
 PEDRO
Noble Member

Hola Jhon,
Te adjunto captura para me confirmes donde lo pego.

Gracias.

ResponderCitar
Respondido : 15/03/2013 9:13 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Pedro,

Si puedes pegarlo al final de dicho fichero.

Saludos.

ResponderCitar
Respondido : 15/03/2013 11:42 pm

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

PEDRO
 PEDRO
Noble Member

Hola Johnny,
Ya le he pegado y funciona correctamente.
Tema solucionado

Muchas gracias.

ResponderCitar
Respondido : 15/03/2013 11:57 pm
Página 2 / 2