Kommentare

Swen-Espig schrieb am 30.11.2021 um 23:01 Uhr

Hallo, leider gibt es hier keine Antwort. Ich habe das gleiche Problem nur umgekehrt. Auf Handy klappt Pc nicht. Haben Sie schon eine Lösung?

BilderMacher schrieb am 01.12.2021 um 07:27 Uhr

Für jede Variante (Standard und Smartphone) muss ein Widget angelegt werden. Es genügt nicht, wie bei Text oder Bild, dieses mit der Variante zu teilen.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 131.0.3 (64-Bit)

Swen-Espig schrieb am 01.12.2021 um 08:20 Uhr

Vielen Dank. Für den Lösungsvorschlag. Leider funktioniert es so nicht. In der Standart-Variante hat es funktioniert. Danach habe ich für die Smartphone Variante ein weiteres Widget angelegt. Danach funktionierte es in der Smartphone Variante. Aber leider war es danach aus der Standartvariante verschwunden ohne das dort etwas verändert wurde.

Robbin schrieb am 01.12.2021 um 11:38 Uhr

leider war es danach aus der Standartvariante verschwunden ohne das dort etwas verändert wurde.

Was @BilderMacher gesagt hat, das löst dein Problem, wenn du tatsächlich ein jeweils neues-, oder genauer gesagt ein anderes Widget für die einzelnen Varianten benutzt.
Das Problem wird durch die Mehrfache Zuweisung einer ID verursacht, die im Programmcode einer Website nur ein ein einziges Mal zugewiesen werden darf.

Jeder Store, den du über das Ecwid Widget anlegst bekommt so eine ID, z. B. "<div id="my-store-12345678"></div>"

Du kannst diese ID (den Store) also nur 1x auf einer HTML Seite anzeigen, wenn du das Widget (den HTML Code), wie im Web Designer üblich, in einen HTML body eines Platzhalter einbindest.
Leider legt der WD die Seiten der Varianten in einer einzigen HTML Datei an. Das Dilemma der Mehrfach Zuweisung einer ID ist also vorprogrammiert, da du den HTML Code des Widgets mit identischer ID für jede Variante zusätzlich auf einer einzigen HTML Seite anlegst und schon "knallt's"...

Aber es gibt eine Lösung:

  1. Du erstellst ein neues Projekt, das du z. B. "Shop" nennst. Das Projekt enthält nur eine Seite, der du den Namen "shop" geben kannst. Die Seite machst du genau so groß, dass der Platzhalter für das Shop Widget in der gewünschten Größe hinein passt.
    In den HTML body des Platzhalters kopierst du nun den HTML Code des Ecwid.
     
  2. Auf den Seiten der einzelnen Varianten (Desktop, Tablet, Smartphone, etc.) legst du je 1 Platzhalter in geeigneter Größe an, in dem du die vorhin angelegte Shop Seite per iframe Code einbindest.
    Der Code:
    <iframe src="./shop.htm" width="100%" height="100%" frameborder="0"
    scrolling="auto" name="xara_iframe" >
    <p>Your browser does not support iframes.</p></iframe>
    
  3. Beide Projekte lässt du jetzt vom WD ins selbe Verzeichnis exportieren, was zum Test zunächst auch lokal passieren kann.
    Du siehst dann die "index.htm" deines Hauptprojekts, die auch alle Seiten der Varianten enthält und die neu angelegte Seite "shop.htm" zusammen in einem Verzeichnis.

    Das ist wichtig, damit der im iframe angelegte Verweis auf die Shop Seite funktioniert

Öffnest du die "index.htm" mit einem Doppelklick, sollte das eingebundene Ecwid auch auf den Seiten der Varianten angezeigt werden. 😊

Swen-Espig schrieb am 01.12.2021 um 11:56 Uhr

Ich habe inzwischen weiter getüftelt und den Ecwid Store direkt in die verschiedenen Varianten eingebunden also ohne das Widget zu benutzen. So funktioniert es. iframe war die Lösung für mich.

peter_berg64 schrieb am 29.11.2023 um 22:07 Uhr

Genau das Problem habe ich im Moment auch, dank der Anleitung aber direkt umgesetzt.😀😀

Jetzt habe ich aber ein anderes Problem. Wie kann man denn den Style eines Widgets, welches in einen iframe eingebunden ist ändern? Gemeint z.B. sind Schriftart und Farbe.

Der Code für dads Widget lautet:

<div id="ibappt-widget-container"></div>   <script>   (function (w,d,s,o,f,js,fjs) {       w['IBAPPT-Widget']=o;w[o] = w[o] || function () { (w[o].q =w[o].q || []).push(arguments) };       js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];       js.id = o; js.src = f; js.async = 1;fjs.parentNode.insertBefore(js, fjs);   }(window, document, 'script', 'ibappt','https://ehrhardt.inbehandlung.de/ib-appt/widget.js'));   ibappt('init', { });   </script>

Um den Style des Widget zu ändern habe ich folgendes bekommen:

<style>/* grün */--primary: #a3d147;--primary-text: #fff;--primary-dark: #8ab82e;--primary-light: #cce699;--secondary: #bbb;--secondary-light: #eee;--widget-bg: #f5faeb;</style>

Über einen Tipp würde ich mich freuen!!