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/forum/woocommerce-problem-bei-variablen-produkten-7537285079.html

Printed on: January 18, 2025 at 23:01 o'clock

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?
martenk
martenk Jun 15, 2023 at 13:52:35 (UTC)
Goto Top
lieben dank - kommt das in die function.php?
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!
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
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.
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 -
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
7426148943
7426148943 Jun 15, 2023 updated at 14:59:58 (UTC)
Goto Top
martenk
martenk Jun 15, 2023 at 15:05:12 (UTC)
Goto Top
leider geht dein code nicht
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 😋 🤣🤣
martenk
martenk Jun 15, 2023 at 15:49:51 (UTC)
Goto Top
was zeigt er bei dir an, wenn man was auswählt
martenk
martenk Jun 15, 2023 at 15:56:10 (UTC)
Goto Top
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?
martenk
martenk Jun 15, 2023 at 16:01:43 (UTC)
Goto Top
alles klar - lieben dank für den Lösungsversuch
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
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ö
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
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>
martenk
martenk Jun 16, 2023 at 06:29:26 (UTC)
Goto Top
führe ich den code in der console aus, dann klappt es
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 -->