Embed Code mit OPC einfügen?

[ple]

Hallo zusammen,
mal eine Frage, ich würde gerne Charts ins Child Template einbauen, nur stelle ich mir die Frage wie. Mit dem OPC hatte ich gedacht, dass ich eine Richbox nehme und als Quellcode einfach den Embed Code einfüge.
https://www.tradingview.com/widget-docs/widgets/charts/symbol-overview/
Dieser Chart, das klappt soweit, aber das wird unten abgeschnitten, als wenn der Container die Höhe nicht rausfinden kann oder so. Ein Teil vom Button für den Zeitintervall ist wohl noch da, mehr aber nicht.

Andere Frage, so ein Ticker im Header ganz oben wäre auch nice.
https://www.tradingview.com/widget-docs/widgets/tickers/ticker/
Das müsste man aber dann im Childtemplate machen, richtig?

Gruß und besten Dank.

 

[ple]

Oder gibt es dafür ein Plugin um HTML Code einzufügen?
Gruß und Danke

 

[Belushi]

Ich schließe mich ple an - es bräuchte dringend ein Portlet, das HTML ohne Einschränkung und vor allem Autmatismen und automatische Ersetzungen erlaubt.
Wir mussten schon 2 Core-Dateien "hacken", nur damit Richtext korrekt mit relativen URLs arbeitet, weil wir am Testshop alle Seiten vorbereiten und dann von da aus live gehen. Wenn dann in jedem Link und jedem eingebundenen Bild automatisch "https://test.unsershop.de" vor das "/meineURL" gesetzt wird, macht das ohne Ende Ärger und Arbeit!

 

[css-umsetzung]

Es gibt doch bereits Plugins, die Möglichkeiten für individuellen html Code bereitstellen.

https://www.jtl-software.de/extension-store/content-modifier-jtl-shop-5
https://www.jtl-software.de/extensi...ber-stelle-im-jtl-shop-5-einfuegen-jtl-shop-5

 

[ple]

https://www.jtl-software.de/extensi...e-einfach-in-deinen-shop-einfuegen-jtl-shop-5
Das wäre vielleicht auch noch einen möglichkeit um schnell inhalte einzufügen. Ich muss das mal testen, ob ich die Charts damit reinbekomme.

 

[Markus - eRock Marketing]

Hallo @ple,

funktioniert das mit dem Code ggf. auch, wenn du den Content-Inhalt nimmst, dort auf den Quellcode-Ansicht umschaltest und dort den Code einfügst?
Ansonsten gibt es fertige Plugins wie CSS-Umsetzung schon schreibt oder ggf. hat dein verwendetest Template bereits eine extra Funktion dafür wie z.B. das Snackys.

 

[ple]

Hallo @ple,

funktioniert das mit dem Code ggf. auch, wenn du den Content-Inhalt nimmst, dort auf den Quellcode-Ansicht umschaltest und dort den Code einfügst?
Ansonsten gibt es fertige Plugins wie CSS-Umsetzung schon schreibt oder ggf. hat dein verwendetest Template bereits eine extra Funktion dafür wie z.B. das Snackys.

Ich hatte das RichText genommen, dann auf Quellcode umgestellt und diesen Code eingefügt.

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-overview.js" async>
  {
  "symbols": [
    [
      "Apple",
      "AAPL|1D"
    ],
    [
      "Google",
      "GOOGL|1D"
    ],
    [
      "Microsoft",
      "MSFT|1D"
    ]
  ],
  "chartOnly": false,
  "width": "100%",
  "height": "100%",
  "locale": "en",
  "colorTheme": "light",
  "autosize": true,
  "showVolume": false,
  "showMA": false,
  "hideDateRanges": false,
  "hideMarketStatus": false,
  "hideSymbolLogo": false,
  "scalePosition": "right",
  "scaleMode": "Normal",
  "fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif",
  "fontSize": "10",
  "noTimeScale": false,
  "valuesTracking": "1",
  "changeMode": "price-and-percent",
  "chartType": "area",
  "maLineColor": "#2962FF",
  "maLineWidth": 1,
  "maLength": 9,
  "headerFontSize": "medium",
  "lineWidth": 2,
  "lineType": 0,
  "dateRanges": [
    "1d|1",
    "1m|30",
    "3m|60",
    "12m|1D",
    "60m|1W",
    "all|1M"
  ]
}
  </script>
</div>
<!-- TradingView Widget END -->

Ich glaube, dass schein nicht zu klappen mit dem OPC und den Richtext.
Ändere ich aber die "height": "100%", auf 500px, dann wird alles angezeigt, nur nicht mehr reposiv halt.
Also kommt er mit den 100% nicht klar.

 

[Markus - eRock Marketing]

Der Code wird zu komplex für den Editor sein, dann am besten direkt ins Template oder eines der oben genannten Plugins nutzen.
Beim Template vor deinen Code ein {literal} setzten und nach dem Code ein schließendes {/literal}.
Ansonsten können die geschweiften Klammern ggf. falsch interpretiert werden und es kommt zu Fehler.

Achte aber darauf, dass für das Script kein Consent deiner Besucher benötigt wird.

 

[ple]

Ja das wäre das nächste Problem mit dem Consent 🙂 aktuell bin ich ja noch am testen.
Später wollte ich auf eigene Daten zugreifen.