# Aufklappbare Infos und weitere Boxen

**URL:** <https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [13. Januar 2012 um 17:55 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800 "2012-01-13T17:55:25Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 17:55 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/1 "2012-01-13T17:55:25Z")

</div>

Hallo Community, ich hätte auf meinen Serviceseiten gerne solche ausklappbaren Infos (siehe [http://www.hoh.de/unternehmen/\_custom\_147.html](http://www.hoh.de/unternehmen/%5C_custom%5C_147.html)). Hat jemand eine Idee, wie ich das hinbekomme? Außerdem bin ich noch nicht sehr lange hier. Wer kann mir sagen, wie ich weitere Boxen links und rechts schalten kann? Bitte nicht einfach auf andere Artikel verweisen, sondern bitte mal ausführlich eklären. Ich bin echt Anfänger 😕 Gruß Tobi

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [13. Januar 2012 um 18:11 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/2 "2012-01-13T18:11:20Z")

</div>

Hi, erst mal herzlich willkommen im Shopware-Forum. 😉 In der Wiki findest Du alle wichtigen Daten zur Einrichtung von Shopware. Das solltest Du Dir als Erstes mal durchlesen. Auch gibt es den Community-Store wo Du wichtige und nützliche Plugins bekommen kannst. Dort sind auch Boxen für die linke Seite etc. Einfach mal reinschauen. Und wenn dann noch Fragen sind, wie man was am Besten macht, dann wird Dir bestimmt hier geholfen. Und das bei Hoh ist ein Accordion guckst Du [hier.](http://jqueryui.com/demos/accordion/) 😉

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 18:17 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/3 "2012-01-13T18:17:59Z")

</div>

Danke für die schnelle Hilfe. Ich versuche das gleich mal. Aber was die Boxen angeht, habe ich bereits im Shop geschaut und leider nichts gefunden ☹ kannst du mir genau sagen wo ich das finde bzw. ob es auch ohne plugin eine einfach Lösung gibt?! Viele Grüße

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [13. Januar 2012 um 18:20 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/4 "2012-01-13T18:20:20Z")

</div>

Hi, welche Boxen meinst Du denn bzw, wofür sollen die sein? Shopseiten (AGB, etc.) kannst Du ja links in der Informationsbox anzeigen lassen.

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 18:25 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/5 "2012-01-13T18:25:32Z")

</div>

Naja auch so wie bei die infobox oder um mal bei dem beispiel zu bleiben bie [hoh.de](http://hoh.de) (da wo versandarten und zahlungsarten drinstehen).

---

<div class="post-metadata">

**Author:** ![Sammy123](https://avatars.discourse-cdn.com/v4/letter/s/76d3ee/32.png) [@Sammy123](https://forum.shopware.com/u/Sammy123)\
**Post date:** [13. Januar 2012 um 18:33 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/6 "2012-01-13T18:33:41Z")

</div>

Für die Boxen kannst du z.B. das Zahlungsanbieter Plugin nehmen [http://store.shopware.de/template-desig … ieter-logo](http://store.shopware.de/template-design/zahlungsanbieter-logo) In der rechten Seite kannst du auch Bilder über Marketing-\>Aktionen einfügen.

---

<div class="post-metadata">

**Author:** ![Sammy123](https://avatars.discourse-cdn.com/v4/letter/s/76d3ee/32.png) [@Sammy123](https://forum.shopware.com/u/Sammy123)\
**Post date:** [13. Januar 2012 um 18:40 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/7 "2012-01-13T18:40:07Z")

</div>

[quote=„Tobias B.“]Naja auch so wie bei die infobox oder um mal bei dem beispiel zu bleiben bie [hoh.de](http://hoh.de) (da wo versandarten und zahlungsarten drinstehen).[/quote] Hast du artep´s Post auch ganz gelesen? [code]

### Section 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

### Section 2

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

### Section 3

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

- List item one
- List item two
- List item three

### Section 4

Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.

Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover.

The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is usable without JavaScript.

[/code]

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 19:06 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/8 "2012-01-13T19:06:51Z")

</div>

hm und eben dieser code funktioniert bei mir nicht. ich muss den doch in einer shopseite einfach im html feld einfügen? oder?

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 19:09 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/9 "2012-01-13T19:09:19Z")

</div>

das mit den boxen links habe ich jetzt hinbekommen… nur wie kriege ich das „angeschaut“ auf der linken seite weg? des weiteren habe ich eben nochmal den code für das akkordeon eingefügt. es klappt nicht… steht alles untereinander ☹

---

<div class="post-metadata">

**Author:** ![Sammy123](https://avatars.discourse-cdn.com/v4/letter/s/76d3ee/32.png) [@Sammy123](https://forum.shopware.com/u/Sammy123)\
**Post date:** [13. Januar 2012 um 19:09 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/10 "2012-01-13T19:09:36Z")

</div>

[quote=“Tobias B.”]hm und eben dieser code funktioniert bei mir nicht. ich muss den doch in einer shopseite einfach im html feld einfügen? oder?[/quote] Ne das ist ja grad das schöne das es kein statisches HTML ist. Du musst dir jQuery noch runterladen und das einbinden. [http://code.jquery.com/jquery-1.7.1.js](http://code.jquery.com/jquery-1.7.1.js) Frag mich jetzt aber nicht nach nem Tutorial. Ich bin kein Profi :quite:

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 20:37 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/11 "2012-01-13T20:37:46Z")

</div>

Schade, von dem einbinden habe ich leider keine ahnung. wie bekomme ich denn nun das “angeschaut” links in dem kasten weg? außerdem habe ich mir jetzt das zahlungsanbieter plugin heruntergeladen, aber auch da kann ich ja nur eine weitere box anlegen. ich wollte gerne noch mindestens zwei…

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [13. Januar 2012 um 20:53 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/12 "2012-01-13T20:53:15Z")

</div>

Unter Grundeinstellungen/Storefront/Artikelverlauf kannst Du die Artikel auf 0 stellen. In den neuen Textbausteinen gibst Du in die Suche das Wort angeschaut ein. Dann dort ändern, speichern, Templatecache löschen.

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 20:59 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/13 "2012-01-13T20:59:23Z")

</div>

oh danke. hat geklappt. wie kann ich denn nun links noch einen weiteren kasten anlegen. über das zahlungsanbieterplugin krieg ich nur eine weitere box. gibt es mit dem akkordion noch eine einfachere variante?

---

<div class="post-metadata">

**Author:** ![baschti](https://avatars.discourse-cdn.com/v4/letter/b/77aa72/32.png) [@baschti](https://forum.shopware.com/u/baschti)\
**Post date:** [13. Januar 2012 um 21:06 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/14 "2012-01-13T21:06:52Z")

</div>

Du kannst das kinderleicht mit slidetoggle! das ist schon in der jquery in shopware drin! ("#1").click(function() { ("#book").slideToggle(‚slow‘, function() { // Animation complete. }); }); Gucks´t du hier : [http://api.jquery.com/slideToggle/](http://api.jquery.com/slideToggle/)

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 21:15 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/15 "2012-01-13T21:15:56Z")

</div>

sorry aber auch das habe ich ausprobiert. klappt leider nicht irgendwas mache ihc falsch. außerdem möchte ich eigentlich nicht unbedingt so eine „Button“-Optik… gibt es für das andere denn nirgends eine deutsche schritt für schritt anleitung…

---

<div class="post-metadata">

**Author:** ![kaffeeteam](https://avatars.discourse-cdn.com/v4/letter/k/74df32/32.png) [@kaffeeteam](https://forum.shopware.com/u/kaffeeteam)\
**Post date:** [13. Januar 2012 um 21:30 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/16 "2012-01-13T21:30:28Z")

</div>

Der Button ist doch nur als Beispiel. Man kann das auch einfach als z.B. Textlink machen. Wie man halt lustig ist. Du weisst aber schon, dass der Code in den Quelltext kommt und nicht in die Editor-Eingabemaske im Backend, oder?!

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 21:32 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/17 "2012-01-13T21:32:30Z")

</div>

ja weiß ich aber der text steht aber schon direkt unter dem button. kannst du mir bitte mal einen kompletten code (also so wie ich ihn nur noch einfügen brauch) schicken? und vll auch gleich nicht als button sondern mit textlink. das wäre super nett

---

<div class="post-metadata">

**Author:** ![artep](https://avatars.discourse-cdn.com/v4/letter/a/aca169/32.png) [@artep](https://forum.shopware.com/u/artep)\
**Post date:** [13. Januar 2012 um 21:36 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/18 "2012-01-13T21:36:15Z")

</div>

Da würde ich Dir das [hier](http://lmgtfy.com/) empfehlen. Sorry, aber ein bisschen musst Du schon selbst machen.

---

<div class="post-metadata">

**Author:** ![Tobias\_B](https://avatars.discourse-cdn.com/v4/letter/t/c4cdca/32.png) [@Tobias\_B](https://forum.shopware.com/u/Tobias_B)\
**Post date:** [13. Januar 2012 um 21:40 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/19 "2012-01-13T21:40:04Z")

</div>

sorry wusste nicht dass man vorkenntnisse mitbringen muss. dennoch danke für eure hilfe

---

<div class="post-metadata">

**Author:** ![kaffeeteam](https://avatars.discourse-cdn.com/v4/letter/k/74df32/32.png) [@kaffeeteam](https://forum.shopware.com/u/kaffeeteam)\
**Post date:** [13. Januar 2012 um 21:45 UTC](https://forum.shopware.com/t/aufklappbare-infos-und-weitere-boxen/5800/20 "2012-01-13T21:45:50Z")

</div>

Natürlich sollte man Vorkenntnisse mitbringen. Man zerlegt doch auch nicht einfach einen Motor von einem Auto, ohne zu wissen wie rum die Schrauben gedreht werden müssen. Keiner hier kann alles, aber alle zusammen können viel. Aber ein bischen was sollte jeder können 😉 An deiner Stelle würde ich mich mit den Grundkenntnissen beschäftigen - dann macht das ganze auch viel mehr Spaß 😉 Grüße, Eric.
