Soporte » Temas y plantillas » Efecto acordeón en una categoría de menú restaurant

  • Hola buen día:

    Estoy tratando de modificar esta plantilla, esta construida con el plugin power builder, y el apartado que utilice es un restaurant menu items, quiero que el menú de esa pagina en vez de aparecer como una landing page larga como actualmente esta http://www.sonoraencasa.mx/prueba/ aparezcan con un efecto de acordeón, al darle click a la imagen se contraiga la información de la categoría del menú y al cliclear otra ves salga, hay alguna manera de hacer esto posible?

    Instale un plugin de acordeón y pensaba modificar estilos para que en vez de la barra aparezca la imagen del menú, pero si hago esto tengo que poner los items del menú a mano, y darles formato de columnas, y este proceso no será actualizado cada que metan un nuevo producto al menú, a menos que se haga a mano cada vez que ingrese uno nuevo http://www.sonoraencasa.mx/3357-2/

    Prodrian ayudarme a solucionar de la mejor manera este problema?
    Gracias, Saludos.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Moderador Fernando Tellado

    (@fernandot)

    Pues no, los plugins de acordeón suelen estar pensados para introducir elementos personalizados, no “pillan” entradas o lo que sea.

    Puedes ir jugando con Javascript. Por ejemplo, si puedes nombrar el contenedor que tiene los precios de alguna forma, este script te serviría:

    jQuery('.mprm-row').hide();
    jQuery('.mprm-header').click(function(){
        jQuery(this).nextAll('.mprm-row').show();
    });

    Siendo ‘.mprm-row’ el nombre del contenedor de los precios, que actualmente lo conforman varias rows, por lo que este script te “abrirá” todos los precios en cuanto clickes alguna de las imágenes.

    Creo que es un buen comienzo para conseguir lo que quieres.

    • Esta respuesta fue modificada hace 1 mes, 3 semanas por  jjlazo79.
Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Debes estar registrado para responder a este tema.