Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: ANLEITUNG: jQuery Tabs in Content Seiten benutzen

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.161
    • Geschlecht:
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #15 am: 15. November 2010, 12:03:38
    Ja klar... in der "product_info", aber wie soll das denn im "product_listing" aussehen?! :?

    Grüße

    Torsten

    Meolo

    • Mitglied
    • Beiträge: 175
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #16 am: 15. November 2010, 14:38:00
    oops, da habe ich wohl etwas falsch verstanden. :?

    xtc-user09

    • Schreiberling
    • Beiträge: 265
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #17 am: 15. November 2010, 23:39:43
    @h-h-h: Super, funktioniert. Vielen Dank!

    KingderNacht

    • Mitglied
    • Beiträge: 125
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #18 am: 16. November 2010, 20:25:11
    Sorry :D Meinte natürlich auch "product_info".

    Also habe es versucht zu installieren klappt aber leider nicht kommt nur nen Fehlercode von wegen Fehler bei Zeile 71

    Man muss dazu sagen ich habe noch eine Slideshow am laufen auf der Startseite, könnte es damit zusammen hängen ?

    Weil ich konnte ja jetzt noch nicht was in den Content Manager Schreiben oder muss man das vorher machen ?

    Gruß

    Chris

    und Danke  :thumbs:

    KingderNacht

    • Mitglied
    • Beiträge: 125
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #19 am: 17. November 2010, 10:32:52
    Na jetzt vielleicht jemand 'ne Idee :P ? :) Dankkkeeeee

    KingderNacht

    • Mitglied
    • Beiträge: 125
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #20 am: 17. November 2010, 17:59:41
    Hey Leute,

    hab mir erstmal die XAMPP Edition von modified eCommerce Shopsoftware runter geladen. ;)

    Super danke nochmal dafür.

    Hab dann das Modul dort nochmal getestet. Soweit funktioniert es auch. Aber irgendwie wenn ich einen Artikelcontent erstelle wird bei mir nur Details und dann Downloads angezeigt.

    Und in Downloads werden mir dann die Tabs angezeigt. Heißt es liegt nur noch an mir?

    Woran kann es liegen?

    Danke :) Gruß aus Aachen

    Chris

    tinchenkatrinchen

    • Fördermitglied
    • Beiträge: 62
    • Geschlecht:
    ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #21 am: 18. Mai 2011, 09:13:22
    Ich brauche bitte Hilfe, ich drehe mich im Kreis.

    Also ich möchte für den Content von Lieferkosten und Zahlung gerne auch solche Tabs nutzen wie ich sie auch in der Produkt-Info einsetze. Erst wollte ich dafür HABO Tabs global nehmen, dann fand ich aber diesen Beitrag hier.
    Leider funktioniert es einfach nicht und ich habe keinen Plan warum nicht.
    Es werden keine Tabs angezeigt sondern nur drei Listenpunkte (siehe Bild).

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Ich grübel auch schon seit gestern Abend, komme aber nicht drauf woran das liegt. Ist bestimmt was ganz banales, aber ich find's halt nicht. :(
    Nun hatte ich schon eine im Design angepasste "jquery-ui.css", die ich nicht durch die beigefügte überschrieben habe.
    Steht in der beigefügten "jquery-ui.css" etwas bestimmtes was für das Nichtfunktionieren verantwortlich ist?

    Die Tabs in der Artikelbeschreibung funktionieren super, siehe Bild.

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Was mir noch auffiel, ich hatte zuvor das Addon "mehr Inhalt für die Startseite" installiert. Und das funktionierte auch einwandfrei. Seit ich versucht habe Content mit diesen Tabs anzulegen, so wie im PDF beschrieben, ist der zusätzliche Inhalt auf der Startseite plötzlich weg obwohl ich an den dafür zuständigen Dateien/Content nichts geändert habe.  :?

    armandogarcia

    • Fördermitglied
    • Beiträge: 333
    • Geschlecht:
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #22 am: 04. März 2014, 00:38:32
    Hallo zusammen,

    erstmal Danke an Ben für die Anleitung, ich hab auch das Accordion innerhalb der Tabs eingebaut sieht so aus wie das Bild im Anhang. Es funktioniert alles Einwandfrei jedoch würde ich etwas gerne erweitern und zwar dass wenn man das Accordion aufklappt es auch wieder eingeklappt werden kann und der Pfeil nicht nach rechts sondern nach unten zeigt wenn es ausgeklappt ist. Ich hoffe es ist verständlich erklärt :-)

    VG

    Armando

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.707
    • Geschlecht:
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #23 am: 04. März 2014, 06:34:17
    Ich würde dafür nicht die jQuery-ui benutzen. So ein Akkordeon kann man leicht mit ein paar Zeilen Code mit der Basis-jQuery machen.
    Dann ist es auch leicht die Pfeile (oder was immer) je nach Status der Panel anders anzeigen zu lassen.
    Das macht man am Besten indem man im geöffneten Zustand eine CSS-class vergibt und bei dieser class im CSS ein background-image mit einer entsprechenden Grafik lädt (besser noch beide Zustandsgrafiken als sog. Sprite lädt und nur die background-position ändert).

    Gruß,
    noRiddle

    armandogarcia

    • Fördermitglied
    • Beiträge: 333
    • Geschlecht:
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #24 am: 04. März 2014, 22:57:47
    Hi noriddle,

    so habe ich es jetzt auch gemacht. Falls es irgendwem hilft...

    einfach in die general.js.php folgendes einfügen (geht wahrscheinlich auch wo anders)

    Code: PHP  [Auswählen]
    <script type="text/javascript">
    $(document).ready( function() {
            $('.trigger').not('.trigger_active').next('.toggle_container').hide();
            $('.trigger').click( function() {
                    var trig = $(this);
                    if ( trig.hasClass('trigger_active') ) {
                            trig.next('.toggle_container').slideToggle('slow');
                            trig.removeClass('trigger_active');
                    } else {
                            $('.trigger_active').next('.toggle_container').slideToggle('slow');
                            $('.trigger_active').removeClass('trigger_active');
                            trig.next('.toggle_container').slideToggle('slow');
                            trig.addClass('trigger_active');
                    };
                    return false;
            });
    });
    </script>

    in die Stylesheet.css

    Code: CSS  [Auswählen]
           

    .trigger {
            background-color:#FFF;
            border-top:1px solid #E0E0E0;  
            color:#333;
            cursor:pointer;
            padding:10px;
            width:930px;
            font-weight:normal;
            background: url(img/row.png) no-repeat 10px; padding-left:25px;
    }
    .trigger_active {
            color:#FF0D49; 
            background: url(img/row2.png) no-repeat 10px; padding-left:25px;
    }
    .toggle_container {
            padding:5px 30px;
            width:auto;
            text-align:justify;
    }

    und in die beliebige Contentseite einfach

    Code: Text  [Auswählen]

      <h3 class="trigger">Überschrift</h3>
      <div class="toggle_container">
      <p>TEXT TEXT TEXT </p>
      </div>


      <h3 class="trigger">Überschrift</h3>
      <div class="toggle_container">
      <p>TEXT TEXT TEXT </p>
      </div>
     
     

    Alle Graphiken als Sprite umsetzen, werde ich ganz am Schluss machen wenn alles fertig ist.

    VG

    Armando

    Shorty

    • Foren-Troll
    • Viel Schreiber
    • Beiträge: 909
    • Geschlecht:
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #25 am: 04. September 2018, 09:56:16
    Bevor ich versuche das ein zu bauen,kann man das irgendwie in Shop 2.0.3 anwenden?

    Shorty

    • Foren-Troll
    • Viel Schreiber
    • Beiträge: 909
    • Geschlecht:
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #26 am: 15. September 2018, 05:39:12
    Ich habe es mir mal in meinen Shop eingebaut,es Funktioniert nur wenn ich Folgenden Code in die general.js.php eintrage gehen die Popups im Neuen Tab auf und nicht mehr so wie es sein soll.
    Code: Javascript  [Auswählen]
    <script type="text/javascript">
      $(document).ready(function() {
        $("#tabs").tabs();
      });
      </script>
    Leider weiss ich nicht was ich ändern muss damit die Popups wider Funktionieren wie sie sollen.

    *EDIT*
    Die Neue Version habe ich auch schon versucht,da legt aber der HTML Code den ich im Conten wo ich die Tabs möchte eintrage den Admin Login lahm.

    wagners

    • Mitglied
    • Beiträge: 107
    • Geschlecht:
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #27 am: 27. Januar 2019, 02:58:45
    Da ich das hier gerade zufällig gelesen habe, nachfolgend ein kleiner Tipp für Interessierte:

    Es reicht völlig aus, in der general_bottom.js.php diese Zeile

    Code: PHP  [Auswählen]
    <?php if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) { ?>

    wie folgt abzuändern

    Code: PHP  [Auswählen]
    <?php if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO) || strstr($PHP_SELF, FILENAME_CONTENT)) { ?>

    Und im Content-Manager fügt man diesen kleinen Abschnitt ein (vorher auf Quelltext umstellen):

    Code: XML  [Auswählen]
      <div id="horizontalTab" class="pd_tabs">
        <ul class="resp-tabs-list">
          <li>Tab 1</li>
          <li>Tab 2</li>
          <li>Tab 3</li>
        </ul>
        <div class="resp-tabs-container">
          <div>Text zu Tab 1</div>
          <div>Text zu Tab 2</div>
          <div>Text zu Tab 3</div>
        </div>
      </div>

    Und schon hat man allein durch bereits vorhande Boardmittel das hier:

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Man sollte die Tabs aber nicht wie in meinem Beispiel für Seiten verwenden, die in PopUps geöffnet werden, da diese hier nicht dargestellt werden können.

    Hoffentlich will mich jetzt niemand wegen "Hexerei" auf dem Scheiterhaufen verbrennen.  :whistle:

    chpohl

    • Fördermitglied
    • Beiträge: 25
    Re: ANLEITUNG: jQuery Tabs in Content Seiten benutzen
    Antwort #28 am: 22. Juni 2021, 10:19:58
    Wo ich grad hier bin ;)

    In der Version 2.0.6.0 findet sich die Zeile nicht mehr in javascript/general_bottom.js.php, sondern in  javascript/extra/tabs.js.php
    15 Antworten
    7626 Aufrufe
    20. August 2011, 01:05:08 von hedon02
    9 Antworten
    3883 Aufrufe
    09. September 2010, 10:46:48 von hedon02
    6 Antworten
    3074 Aufrufe
    16. November 2010, 18:36:10 von elainy
    10 Antworten
    7555 Aufrufe
    03. April 2015, 10:46:01 von Nils
               
    anything