Hallo zusammen, leider funktioniert das Bootstrap Standard-Accordion (noch) nicht mit den Bordmitteln des Honeygrid (zumindest meiner Meinung/Erfahrung nach ;-)). Habe mir deshalb gerade mal etwas "gebastelt", vielleicht kann es ja jemand mal gebrauchen! So sieht es aus: Hierfür notwendig: HTML: <!-- Html Accordion Box --> <div class="abtitel"> <h4>Überschrift</h4> </div> <div class="abinhalt"> <p>Lorem ipsum Lorem ipsum Lorem ipsum .</p> <p>Lorem ipsum Lorem ipsum Lorem ipsum .</p> </div> <!-- /Html Accordion Box --> /templates/Honeygrid/usermod/css/meinstyle.css Code: /* WWA ACCORDION BOX Gambio Honeygrid */ .abtitel { padding-left:15px; height:28px; background: url(/images/.../accordion-open.png) 0 3px no-repeat !important; cursor: pointer; color:#104675; } .aboffen { background: url(/images/.../accordion-close.png) 0 3px no-repeat !important; } .abinhalt { display:none; background-color:#fff; border: #CCCCCC 1px solid; padding: 10px; margin-bottom:10px; } /* /WWA ACCORDION BOX Gambio Honeygrid */ /templates/Honeygrid/usermod/javascript/Global/meinscript.js Code: // WWA ACCORDION BOX Gambio Honeygrid $(document).ready(function() { $('.abtitel').click(function() { $('.abtitel').removeClass('aboffen'); $('.abinhalt').slideUp('normal'); if($(this).next().is(':hidden') == true) { $(this).addClass('aboffen'); $(this).next().slideDown('normal'); } }); }); Und dann noch die zwei Bilder: Das war es auch schon. Nicht besonderes, aber vielleicht kann es ja doch mal jemand gebrauchen. Verbesserungsvorschläge/Erweiterungen/Tipps sind natürlich gerne gesehen ;-)! Schönes Wochenende!
Ich kann es nicht gebrauchen, finde es aber klasse, dass Du es anderen zur verfügung stellst! Gruß, joschu.
Doch das sollte gehen! Schau mal als Beispiel im HoneyGrid die box_categories.html a! Da findest du oben das: data-menu-accordion Ist genau der selbe Effekt.
Hallo Joschu, mir wurde schon 2-3 im Forum geholfen... denke mal, ist alles ein geben und nehmen ;-). Bis dahin!
Hallo Steffen, vielen Dank für den Tipp! Ehrlich gesagt, bringt mich - absoluten Gambio-Neuling - das nicht so wirklich weiter. Gibt es ggf. eine Vorlage/Beispiel für ein Accordion mit den Gambio-Bordmitteln...? Viele Grüße
Vielen Dank für den Hinweis, aber Ich komme hier auch nicht wirklich weiter - gibt es irgendeine Doku zur Nutzung von data-menu-accordion im Frontend oder ein Beispiel, wie bereits von SHOPSTARTER2016 gefragt? Es ist sehr schade, dass sich die Bootstrap Components nicht im Frontend nutzen lassen... Ist vielleicht ein Weg dokumentiert, wie man in Honeygrid relativ upgradesicher und ressourcenschonend die fehlenden Bootstrap Funktionalitäten nachrüsten kann?
Mir hat das oben echt weitergeholfen. Gibt es aber noch einen Befehl um einen der Aufklapppunkte permanent offen zu halten? So wie hier? <details open="open"> <summary>Überschrift 1</summary> <p>Hier steht der Text, der auf- und zugeklappt werden soll.</p> </details> <details> <summary>Überschrift 2</summary> <p>Hier steht der Text, der auf- und zugeklappt werden soll.</p> </details> Hat da jemand eine Idee? Vielen lieben Dank!