1. Dashboard
  2. Artikel
  3. Forum
    1. Unerledigte Themen
  4. Filebase
  5. Bugtracker
    1. Ticketübersicht
    2. Roadmap
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Artikel
  • Dateien
  • Seiten
  • Bugtracker
  • Erweiterte Suche
  1. commerce:seo Support
  2. commerce:SEO v2 next
  3. v2next Javascripte

Wie einbinden

  • Duplicate holger
  • 16. August 2013 um 09:11
  • Duplicate holger
    Schüler
    Beiträge
    68
    • 16. August 2013 um 09:11
    • #1

    Hallo,

    in meiner alten Version (2.3) hatte ich ein Arkkordeon eingebunden. Wie muss ich das mit der neuen Version machen?

    Gruß
    Holger

    Commerce:SEO v2.5.03

  • jotest
    Erleuchteter
    Beiträge
    5.236
    • 16. August 2013 um 10:13
    • #2

    Denke jetzt so
    http://plussupport.commerce-seo.de/showthread.php…full=1#post9985

  • admin
    Administrator
    Reaktionen
    6
    Artikel
    60
    Beiträge
    5.857
    Dateien
    2
    • 19. August 2013 um 10:41
    • #3

    Accordeon ist jetzt im Standard enthalten. In der jQuery UI werden jetzt die Tabs und Accordeon unterstüzt.
    http://jqueryui.com/accordion/
    Einfach noch den DIV Container definieren, dann geht es automatisch :)

    <p>Wir geben nur Anregungen und Hilfestellung auf Basis unserer Erfahrung, keine Rechtshilfe!<br>\m/('_')\m/</p>

  • Duplicate holger
    Schüler
    Beiträge
    68
    • 19. August 2013 um 10:50
    • #4

    Dann werde ich das gleich mal testen ob ich das hin bekomme. Danke für die Information.

    Commerce:SEO v2.5.03

  • Duplicate holger
    Schüler
    Beiträge
    68
    • 19. August 2013 um 11:05
    • #5

    Soweit funktioniert das nun auch. Allerding wird das Accordeon nicht richtig angezeigt wie auf der Seite die oben angegeben ist wenn ich das so einpflege mit den DIV-Tags

    Commerce:SEO v2.5.03

  • admin
    Administrator
    Reaktionen
    6
    Artikel
    60
    Beiträge
    5.857
    Dateien
    2
    • 19. August 2013 um 11:15
    • #6

    Da muss sicher noch das CSS eingebunden werden:

    Probier mal das:

    Code
    .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; 
    background: #ededed;
    background: -webkit-linear-gradient(#f8f8f8,#ededed) repeat scroll 0 0 transparent;
    background: linear-gradient(#f8f8f8,#ededed) repeat scroll 0 0 transparent;
    }
    
    
    
    
    .ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
    }
    
    
    
    
    .ui-accordion .ui-accordion-content {
    padding: 1em .4em;
    border-top: 0;
    overflow: auto;
    }
    Alles anzeigen

    <p>Wir geben nur Anregungen und Hilfestellung auf Basis unserer Erfahrung, keine Rechtshilfe!<br>\m/('_')\m/</p>

  • Duplicate holger
    Schüler
    Beiträge
    68
    • 19. August 2013 um 11:24
    • #7

    Habe ich probiert und auch den Cache gelöscht aber kein Erfolg bei mir.

    Nachtrag: Es geht doch. Habe nun allerdings 20x neu laden müssen bis das mit richtig angezeigt wird.

    Commerce:SEO v2.5.03

  • Duplicate holger
    Schüler
    Beiträge
    68
    • 26. August 2013 um 16:38
    • #8

    Hallo,

    wo kann ich denn im grid-Template sagen, wie breit das Akkordeon sein soll wenn das geöffnet wird? Der Text wird jetzt unter die Boxen geschrieben.

    Danke.

    Commerce:SEO v2.5.03

  • admin
    Administrator
    Reaktionen
    6
    Artikel
    60
    Beiträge
    5.857
    Dateien
    2
    • 2. September 2013 um 10:53
    • #9

    Wie hast Du es denn eingebunden?

    <p>Wir geben nur Anregungen und Hilfestellung auf Basis unserer Erfahrung, keine Rechtshilfe!<br>\m/('_')\m/</p>

  • Duplicate holger
    Schüler
    Beiträge
    68
    • 2. September 2013 um 12:27
    • #10

    Hallo,

    wie oben angegeben (http://jqueryui.com/accordion/). Habe aber nun noch zusätzlich in der CSS folgendes eingetragen, damit die breite verkleinert wird von dem
    DIV-Feld:

    Code
    #accordion {  
        width: 550px;  
        margin: 10px auto;  
    }

    Allerdings wäre es noch schön, wenn man auch die Pfeile hätte das die angezeigt werden aber das habe ich noch nicht hinbekommen.

    Commerce:SEO v2.5.03

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™