# Produkt-Variablen in Javascript abgreifen

**URL:** <https://forum.shopware.com/t/produkt-variablen-in-javascript-abgreifen/97648>\
**Category:** Programmierung\
**Tags:** programming\
**Created:** [17. Dezember 2022 um 17:33 UTC](https://forum.shopware.com/t/produkt-variablen-in-javascript-abgreifen/97648 "2022-12-17T17:33:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jstr](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jstr](https://forum.shopware.com/u/jstr)\
**Post date:** [17. Dezember 2022 um 17:33 UTC](https://forum.shopware.com/t/produkt-variablen-in-javascript-abgreifen/97648/1 "2022-12-17T17:33:09Z")

</div>

Hallo,

welcher ist der beste Weg, Produktvariablen (z.B. Titel, Preis, etc.) im eigenen Javascript-Plugin abzugreifen? Das einzige, das mir einfällt, wäre die Werte als Datenattribute in ein HTML-Element mit Twig zu rendern, das wäre allerdings recht mühsam, da man so immer nur einzelne Werte übergeben könnte und man auch immer an das Escaping denken muss.

Gibt es nicht direkt in Javascript eine Möglichkeit, auf eine Art Kontext-Variable zuzugreifen?

Gruß

js

---

<div class="post-metadata">

**Author:** ![abdullah](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@abdullah](https://forum.shopware.com/u/abdullah)\
**Post date:** [17. Dezember 2022 um 21:33 UTC](https://forum.shopware.com/t/produkt-variablen-in-javascript-abgreifen/97648/2 "2022-12-17T21:33:57Z")

</div>

Warum nicht das Produkt als Option deinem Plugin übergeben?

> **[Add custom Javascript](https://developer.shopware.com/docs/guides/plugins/plugins/storefront/add-custom-javascript#configuring-your-plugins)**

---

<div class="post-metadata">

**Author:** ![jstr](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jstr](https://forum.shopware.com/u/jstr)\
**Post date:** [18. Dezember 2022 um 08:11 UTC](https://forum.shopware.com/t/produkt-variablen-in-javascript-abgreifen/97648/3 "2022-12-18T08:11:04Z")

</div>

An sich eine gute Idee, leider sorgt ein Teil des Beispiel-Codes bei mir für den Absturz der Frontend-Kompilierung:

> [@Class properties lassen Frontend-Kompilierung crashen (Code aus SW-Doku)](https://forum.shopware.com/t/class-properties-lassen-frontend-kompilierung-crashen-code-aus-sw-doku/97651):
>
> Hallo, bei dem Versuch, das Beispiel aus zu übernehmen, sorgt das Einfügen der static property „options“ im Code zum Absturz der Frontend-Kompilierung: Module parse failed: Unexpected token (5:19) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | export default class MaschinenhandelMeyerProductPostMessaging extends Plugin { | \> static options = { | product: null | …

Gruß

Edit: Aber an sich kann ich das ja selber in ein auslesbares HTML-Attribut schreiben und später auslesen und parsen, ist also schon machbar.

---

<div class="post-metadata">

**Author:** ![abdullah](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@abdullah](https://forum.shopware.com/u/abdullah)\
**Post date:** [18. Dezember 2022 um 11:06 UTC](https://forum.shopware.com/t/produkt-variablen-in-javascript-abgreifen/97648/4 "2022-12-18T11:06:59Z")

</div>

Als HTML Attribute könntest du auch verwenden.

Ich finde das aber als unnötige Arbeit und finde es als schlechtes Programmierstil (meine Meinung), da man halt die Options verwenden könnte.