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-Key: 7537285079

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

Printed on: April 27, 2024 at 08:04 o'clock

Mitglied: 7426148943
7426148943 Jun 15, 2023 updated at 14:10:08 (UTC)
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?
Member: martenk
martenk Jun 15, 2023 at 13:52:35 (UTC)
Goto Top
lieben dank - kommt das in die function.php?
Mitglied: 7426148943
7426148943 Jun 15, 2023 updated at 13:59:43 (UTC)
Goto Top
Lerne zuerst mal den Unterschied zwischen PHP und JavaScript 🐟.
p.s. Schwarzarbeit ist verboten!
Member: martenk
martenk Jun 15, 2023 at 13:59:31 (UTC)
Goto Top
okay - function niht - magst du mir trotzdem schreiben in welcher js Datei es eingetragen werden muss
Mitglied: 7426148943
7426148943 Jun 15, 2023 updated at 14:03:51 (UTC)
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.
Member: martenk
martenk Jun 15, 2023 at 14:24:17 (UTC)
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 -
Member: martenk
martenk Jun 15, 2023 at 14:31:21 (UTC)
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
Mitglied: 7426148943
7426148943 Jun 15, 2023 updated at 14:59:58 (UTC)
Goto Top
Member: martenk
martenk Jun 15, 2023 at 15:05:12 (UTC)
Goto Top
leider geht dein code nicht
Mitglied: 7426148943
7426148943 Jun 15, 2023 updated at 15:22:06 (UTC)
Goto Top
Zitat von @martenk:

leider geht dein code nicht
Klappt doch, wat willste 😋 🤣🤣
Member: martenk
martenk Jun 15, 2023 at 15:49:51 (UTC)
Goto Top
was zeigt er bei dir an, wenn man was auswählt
Member: martenk
martenk Jun 15, 2023 at 15:56:10 (UTC)
Goto Top
Mitglied: 7426148943
7426148943 Jun 15, 2023 updated at 15:59:57 (UTC)
Goto Top
Zitat von @martenk:

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

Hast du getrunken?
Member: martenk
martenk Jun 15, 2023 at 16:01:43 (UTC)
Goto Top
alles klar - lieben dank für den Lösungsversuch
Member: martenk
martenk Jun 15, 2023 at 16:42:59 (UTC)
Goto Top
hätte es toll gefunden, wenn du mir dein laufendes bsp gezeigt hättest
Mitglied: 7426148943
Solution 7426148943 Jun 15, 2023 updated at 16:59:07 (UTC)
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ö
Member: martenk
martenk Jun 16, 2023 updated at 06:17:46 (UTC)
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
Member: martenk
martenk Jun 16, 2023 updated at 06:26:35 (UTC)
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>
Member: martenk
martenk Jun 16, 2023 at 06:29:26 (UTC)
Goto Top
führe ich den code in der console aus, dann klappt es
Member: martenk
martenk Jun 16, 2023 at 07:34:46 (UTC)
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 -->