Avisos
Vaciar todo

Crear un acordeón desplegable en la  

 
Jose Maria
 Jose Maria
Estimable Member

Buenos días!!

Me puede alguien decir cómo puedo crear un acordeón desplegable en las descripciones de las categorías?
El problema que tengo es que quisiera meter más contenido (unas 300-400 palabras) y no se muestran enteras y me gustaría poder poner una "solapa o botón" que indique: "más información" y que cuando se pulse haga el acordeón hacia abajo y muestre todo el contenido.
La plantilla que tengo es una AMALTEA.

Me puede echar alguien una mano de cómo poder hacer esto??

Gracias anticipadas y felices fiestas!!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/12/2016 1:00 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Maria.

Por defecto, esto es algo que no se puede hacer en PrestaShop con la configuración que incluye en la instalación. Sería necesario aplicar cambios en el código para conseguir lo que buscas.

Añadir campos a la ficha de producto en Prestashop 1.6

Otra opción pasaría por utilizar algún módulo pensado para agregar más pestañas en la ficha de producto. He encontrado estas opciones:

addons.prestashop.com/es/5070-product-tabs.html

addons.prestashop.com/es/17274-product-tabs.html

Como verás, están pensados para poder definir nuevas pestañas en las que añadir contenidos. No los he probado, por lo que no te puedo garantizar que se adapten perfectamente a lo que buscas.

Un saludo

ResponderCitar
Respondido : 28/12/2016 3:12 pm

Jose Maria
 Jose Maria
Estimable Member

Buenas tardes y gracias por tu rápida respuesta.
No me refiero a la ficha de producto, sino a la de categorías. Me podrías decir algo sobre este tema en las paginas de las categorías?

Gracias y felices fiesta!!
Jose.

ResponderCitar
Respondido : 28/12/2016 4:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar agregando código de bootstrap ya que tu theme lo soporta, revisa por ejemplo:
http://www.w3schools.com/Bootstrap/bootstrap_collapse.asp

Tienes que agregar este código como html.

Saludos.

ResponderCitar
Respondido : 28/12/2016 5:39 pm

Cursos Gratuitos WordPress

Jose Maria
 Jose Maria
Estimable Member

Muchas gracias por tu ayuda.

Pero no funciona bien ya que he puesto este código y sí que aparece el botón (le he cambiado el nombre la "Más" pero lo pincho y no funciona. Te adjunto pantallas por si me puedes indicar qué falla.

Bombillas LED para sustitución con todos los casquillos y conexiones.

Lámparas LED y bombillas LED con todos los tipos de formatos para sustituir las antíguas bombillas por iluminación LED. Sólamente tendrás que cambiar tu vieja bombilla por las bombillas LED y no tendrás que cambiar nada más. Sencillo facil y sobre todo barato. Olvídate de cambiar frecuentemente tus lámparas, te durarán mucho más que la viejas y consumen muchísimo menos.

A qué espera para ahorrar en tu factura de la luz?? En nuestra tienda LED tenemos la mejor calidad y los precios más baratos.

ResponderCitar
Respondido : 28/12/2016 6:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Al parecer para que funcione tienes que hacer referencia al .css y .js actualizado y posiblemente jquery también

En resumen, del siguiente enlace
http://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_collapsible&stacked=h

Tendrías que probar colando estas líneas el header.tpl de tu theme

  

Esto puede complicarse, mejor evalú poner un link que te lleve a una página en donde se pueda ver más información.

Saludos

ResponderCitar
Respondido : 28/12/2016 8:37 pm

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

Jose Maria
 Jose Maria
Estimable Member

Gracias por la contestación pero apenas entiendo nada. He localizado el header.tpl pero en qué número de línea tengo que insertar este código que tú me dices?

Cómo puedo hacer referencia al .css y .sj y jquery para que funcione?

La posibilidad de poner un link me resulta imposible ya que es texto que tiene que ir en esa misma página.

Aprecio tu esfuerzo... igual me estoy excediendo en peticiones y escapa fuera de vuestro alcance...

Gracias de nuevo.

Jose.

ResponderCitar
Respondido : 28/12/2016 11:47 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Según verifico tienes que ir dentro de la cabecera, tienes que buscar la etiqueta y encima coloca el código algo así como te adjunto:


ResponderCitar
Respondido : 29/12/2016 12:52 am

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