1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Produkt Seite JS hinzufügen

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von maximilian_93, 20. November 2017.

  1. maximilian_93

    maximilian_93 Member

    Registriert seit:
    6. November 2017
    Beiträge:
    15
    Zustimmungen:
    0
    Hallo

    Als Wordpress Neuling stehe ich vor einem Problem.

    Ich möchte ein Accordion in eine Variable Produkt Seite unter Kurzbeschreibung einfügen.

    Das hat eigentlich auch funktioniert.

    HTML auf der Produkt bearbeitungs Seite im Editor eingefügt.
    CSS im Custom CSS vom Theme Customizer eingefügt (Bateaux child theme)
    Und für das JS habe ich Scripts n styles plugin installiert. Dort den JS sowohl im header als auch im footer eingefügt. (Global)

    jedoch lassen sich die div vom Accordion nicht öffnen.

    Wenn ich den JS entferne dann sind sie offen, wenn js eingefügt dann geschlossen.

    Ich hätte die accordions gerne geschlossen und beim klick auf den Button offen.

    Weis jemand woran das liegen könnte? Ich nutze woocommerce für die produktseite.

    Freundlichst max
     
  2. maximilian_93

    maximilian_93 Member

    Registriert seit:
    6. November 2017
    Beiträge:
    15
    Zustimmungen:
    0
    okey ich habe jetzt herausgefunden dass css für die geschlossene Darstellung verantwortlich ist, NICHT JS.

    div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;

    aber öffnen lässt es sich trotzdem nicht.

    der script sieht folgendermassen aus:

    var acc = document.getElementsByClassName("accordion");
    var i;


    for (i = 0; i < acc.length; i++) {
    acc.onclick = function(){
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
    panel.style.display = "none";
    } else {
    panel.style.display = "block";
    }
    }
    }


    habe ich von https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion

    habe zudem versucht: [TABLE="class: t1"]
    [TR]
    [TD="class: td1"]Enqueue Scripts:[/TD]
    [TD="class: td2"]accordion[/TD]
    [/TR]
    [/TABLE]


    @ moderatoren: mir ist aufgefallen das ich das Thema evtl am falschen Ort erstellt habe, gehört wohl eher in konfiguration..


    edit: unter plugin script n style steht "blog wide script" ist die produktseite dabei nicht inbegriffen?
     
    #2 maximilian_93, 20. November 2017
    Zuletzt bearbeitet: 20. November 2017
  3. maximilian_93

    maximilian_93 Member

    Registriert seit:
    6. November 2017
    Beiträge:
    15
    Zustimmungen:
    0
    Ich hab jetzt ein only css (less) Accordion gewählt. So funktioniert es.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden