martenk
Goto Top

Woocommerce Problem bei variablen Produkten

Hallo Gemeinschaft,

habe eine Frage bzgl. variablen Produkt bei woocommerce - möchte, wenn man im BSP. https://themes.woocommerce.com/storefront/product/small-mp3-player-pro/

z.b. 16 GB auswählt, in der Zeile bevor der Betrag angezeigt wird dieser Hinweis kommt

Sie haben sich für den SSD Stick von .... entschieden

könnt ihr mir dabei helfen?

Content-ID: 7537285079

Url: https://administrator.de/contentid/7537285079

Ausgedruckt am: 21.11.2024 um 19:11 Uhr

7426148943
7426148943 15.06.2023 aktualisiert um 16:10:08 Uhr
Goto Top
// .....
document.querySelector('#pa_storage-size').onchange = function(){  
  var node = document.createElement("p");  
  node.innerText = 'Sie haben sich für den SSD Stick von .... entschieden';  
  this.parentNode.append(node);
};
// ...
Wohin dürfen wir die Rechnung schicken?
martenk
martenk 15.06.2023 um 15:52:35 Uhr
Goto Top
lieben dank - kommt das in die function.php?
7426148943
7426148943 15.06.2023 aktualisiert um 15:59:43 Uhr
Goto Top
Lerne zuerst mal den Unterschied zwischen PHP und JavaScript 🐟.
p.s. Schwarzarbeit ist verboten!
martenk
martenk 15.06.2023 um 15:59:31 Uhr
Goto Top
okay - function niht - magst du mir trotzdem schreiben in welcher js Datei es eingetragen werden muss
7426148943
7426148943 15.06.2023 aktualisiert um 16:03:51 Uhr
Goto Top
Hausaufgabe fürs Wochenende. Code verstehen, dann Dateien über logisches Denken lokalisieren und dann umsetzen, dann debuggen/testen. Copy n paste bringt dir nähmlisch nüscht. Du verdienst damit Geld und haftest für alle Fehler also tu auch was dafür.
martenk
martenk 15.06.2023 um 16:24:17 Uhr
Goto Top
deinen code habe ich verstanden - weiss nur nicht in welche js datei ich diesen eintragen soll - bin auf untersuchen gegangen - dort im head bereich gesucht -
martenk
martenk 15.06.2023 um 16:31:21 Uhr
Goto Top
wie setzt du es denn um, dass wenn man z.b. 16GB auswählt ein anderer Text kommt als wenn man 32GB wählt
7426148943
7426148943 15.06.2023 aktualisiert um 16:59:58 Uhr
Goto Top
martenk
martenk 15.06.2023 um 17:05:12 Uhr
Goto Top
leider geht dein code nicht
7426148943
7426148943 15.06.2023 aktualisiert um 17:22:06 Uhr
Goto Top
Zitat von @martenk:

leider geht dein code nicht
Klappt doch, wat willste 😋 🤣🤣
martenk
martenk 15.06.2023 um 17:49:51 Uhr
Goto Top
was zeigt er bei dir an, wenn man was auswählt
martenk
martenk 15.06.2023 um 17:56:10 Uhr
Goto Top
7426148943
7426148943 15.06.2023 aktualisiert um 17:59:57 Uhr
Goto Top
Zitat von @martenk:

was zeigt er bei dir an, wenn man was auswählt

Hast du getrunken?
martenk
martenk 15.06.2023 um 18:01:43 Uhr
Goto Top
alles klar - lieben dank für den Lösungsversuch
martenk
martenk 15.06.2023 um 18:42:59 Uhr
Goto Top
hätte es toll gefunden, wenn du mir dein laufendes bsp gezeigt hättest
7426148943
Lösung 7426148943 15.06.2023 aktualisiert um 18:59:07 Uhr
Goto Top
  1. Aufrufen: https://themes.woocommerce.com/storefront/product/small-mp3-player-pro/
  2. F12 drücken
  3. Konsole öffnen
  4. Code rein pasten und ausführen
  5. Dropdown ändern, Text erscheint.
  6. Fertsch, lüppt, Affe tot.
  7. Tschö
martenk
martenk 16.06.2023 aktualisiert um 08:17:46 Uhr
Goto Top
prima klappt - ich weiss nur nicht, in welche js datei ich den code eintragen soll - habe mir schon ein js plugin installiert - leider kein Erfolg

und ich weiss nicht, bzgl. der if Abfrage, wie ich z.b. den Wert 16GB unterscheiden soll - also bzgl. des auszugebenden Textes - wie kome ich an den Wert
martenk
martenk 16.06.2023 aktualisiert um 08:26:35 Uhr
Goto Top
so steht es bei mir im head Bereich

<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
document.querySelector('#groesse').onchange = function(){
var node = document.createElement("p");
node.innerText = 'Wenn Sie sich für 16BG Stick entschieden haben, dann ...... ';
this.parentNode.append(node);
};


</script>
martenk
martenk 16.06.2023 um 08:29:26 Uhr
Goto Top
führe ich den code in der console aus, dann klappt es
martenk
martenk 16.06.2023 um 09:34:46 Uhr
Goto Top
Auch wenn ich dieses bspw. ausführe - im Head Bereich ist es drin

<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
document.querySelector("#groesse").onchange = function (e) {
// some things
alert("Changed to " + this.value);
}
</script>
<!-- end Simple Custom CSS and JS -->