Probleme mit html-Code bei den Varianten - es wird nur ein dargestellt

betzweilerwerbung schrieb am 10.01.2020 um 12:05 Uhr

Hallo zusammen,

Ich möchte mit meinem Web Designer Premium 16 einen HTML Code von Spreadshirt einfügen. Leider funktioniert dieser nur in einer Variante, niemals aber in beiden Gleichzeitig. Der Web Designer gibt die Meldung "Echtzeit-Teilen auf Varianten-Seiten für dieses Objekt nicht möglich". Auch eine Unterbrechung der Teilung und/oder ein kopierter oder neu erstellter HTML-Platzhalter führt zu keinem Erfolg. Aktuell ist nur die mobile Version aktiv.

Wäre suuuuuper etwas Hilfe zu bekommen :-D auf www.der-digge.de/shop.htm ist das ganze Problematik sichtbar.

Kommentare

marboe schrieb am 10.01.2020 um 13:29 Uhr

Eine Suche hier im Forum führt dich sicher schnell ans Ziel. Du musst vermutlich den beiden Platzhalter unterschiedliche "IDs" zuweisen. Sonst weiß der Browser nicht, welchen er anzeigen soll.
Möglicherweise reicht auch dieser Hinweis: https://www.magix.info/de/forum/google-rezensionen-via-html-platzhalter-einbinden--1208725/#ca1401988

Ob das mit dem Spreadshirt - Code so einfach geht, musst du ausprobieren. Da wir den Code nicht kennen, können wir auch nicht sagen ob es reiner HTML-Code ist oder ein Iframecode. Gruß Marboe

betzweilerwerbung schrieb am 15.01.2020 um 11:59 Uhr

Juhu Marboe :-)
erst einmal vielen lieben Dank für Deine Antwort.
Ich habe mir alle Hinweise und das Forum durchgelesen und ein paar Stunden experimentiert.
Ich habe den beiden Platzhaltern unterschiedlich Namen (ID´s) verpasst (mobShop & bigShop) und habe auch in dem html-Code aus "myShop" den entsprechenden Namen geändert. Leider immer noch ohne Erfolg :-(
Ich füge hier den html-Code von Spreadshirt ein, vielleicht fällt Dir oder jemand anderem noch etwas ein :-)
 

<div id="myShop">
    <a href="https://shop.spreadshirt.de/der-digge-shop">der-digge-shop</a>
</div>

<script>
    var spread_shop_config = {
        shopName: 'der-digge-shop',
        locale: 'de_DE',
        prefix: 'https://shop.spreadshirt.de',
        baseId: 'myShop'
    };
</script>

<script type="text/javascript"
        src="https://shop.spreadshirt.de/shopfiles/shopclient/shopclient.nocache.js">
</script>

 

 

P:S:: ein lieber Mensch von Spreadshirt hat mir diesen Hinweis gegeben:

"Ab 718px Bildschirmbreite wird der Container, in dem Du den Shop eingefügt hast, ausgeblendet. Dürfte an dem seltsamen HTML-Konstrukt deines Magix Web Designer Pro liegen:

Diese Klasse in deiner CSS-Datei http://www.der-digge.de/index_htm_files/xr_all.css blendet den Container auf Desktop aus und das soll sie sie auch wegen responsive:

@media screen and (min-width: 718px) { .xr_mvp_10 {display: none;} }

Du hast den Shop falsch eingefügt in deinem Editor, in einen falschen Container. Der muß da woanders rein, einfach durchtesten.

Der Shop befindet sich nämlich nicht im Main Container deiner Seite, sondern in einem eigenen Container darüber (!)."

marboe schrieb am 15.01.2020 um 12:49 Uhr

Da hat der nette Helfer von Spreadshop sicher reicht.

Der WD erstellt in einer html-Datei alle Varianten gleichzeitig. Hast du nun drei Varianten, dann musst du den Code dreimal einbinden (jeweils mit richtiger getrennter ID pro Mediascreen).

Das heißt im einfachsten Fall: deine Projektdatei auf die Festplatte exportieren. Dann die entstandene htm-Datei händisch ergänzen und dann per Hand selbst auf den Server schieben.
Denn im WD kannst du meines Wissens nicht den Code mehrmals an die vorgeschriebene Stelle tun, indem du mit Platzhaltern arbeitest. Das musst du bestimmt von Hand machen.

Aber wie das genau geht, kann ich dir leider nicht sagen. Das habe ich so noch nicht gemacht. Üblicherweise hat so ein Shop eine eigene URL und ist erst mal alleine lauffähig. Dies kann man dann per Iframe-Code in die Website einbinden. Dabei kann der Shop mit php laufen, oder auch mit html.
Bei Spreadshirt scheint es den Shop ohne Navi, also rein nackisch gar nicht zu geben.

Vielleicht kann dir jemand anderer hier noch einen kürzeren Weg vorschlagen; ich würde es wie gesagt von Hand versuchen im exportierten Code. Gruß marboe

BeRo schrieb am 15.01.2020 um 15:43 Uhr

[...] Ich habe mir alle Hinweise und das Forum durchgelesen und ein paar Stunden experimentiert. [...]

Da hast Du Dir wesentlich mehr Arbeit gemacht als nötig gewesen wäre... 🤓

[...] Ich habe den beiden Platzhaltern unterschiedlich Namen (ID´s) verpasst (mobShop & bigShop) und habe auch in dem html-Code aus "myShop" den entsprechenden Namen geändert. Leider immer noch ohne Erfolg [...]

Wenn Du den Tipp befolgt hättest, den Dir @marboe mit dem Link ans Herz gelegt hat, dann hättest Du Dein Problem in max. 15 Min. vom Tisch gehabt. 😍

Was Du brauchst, das ist

  • eine separate HTML Datei, in der nichts weiter enthalten ist als ein HTML Header und Dein Scriptcode. Der Datei gibst Du z. B. den Namen "shop.htm".

So kann der Inhalt aussehen:

<!DOCTYPE html>
<html lang="de">
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
 <meta charset="utf-8"/>
 <title>shop</title>
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 </head>
 <body>
<div id="myShop">
    <a href="https://shop.spreadshirt.de/der-digge-shop">der-digge-shop</a>
</div><script>
    var spread_shop_config = {
        shopName: 'der-digge-shop',
        locale: 'de_DE',
        prefix: 'https://shop.spreadshirt.de',
        baseId: 'myShop'
    };
</script><script type="text/javascript"
        src="https://shop.spreadshirt.de/shopfiles/shopclient/shopclient.nocache.js">
</script>
</body>
  • Die HTML Datei kopierst Du in den Ordner "index_htm_files", den der WD beim lokalen Export- und bei Upload anlegt.
  • Jetzt erstellst Du in allen Varianten (Desktop-, Tablet-, Smartphone) je einen Platzhalter in der Größe die für die Darstellung des Shops ausreichend ist und legst darin je einen iframe Code an, mit dem Du die o. a. HTML Seite einbindest.
    Der kann so aussehen:
    <iframe src="./index_htm_files/shop.htm" width="100%" height="100%" frameborder="0" scrolling="auto" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>

  • Fertig 😊

Das Ergebnis:

   

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

betzweilerwerbung schrieb am 15.01.2020 um 18:40 Uhr

Juhuuuuuuu Marboe & BeRo - ihr seit S P I T Z E !!! :-) :-) :-)
Nach der letzten Nachricht ist es mir wie Schuppen von den Zähnen gefallen :-D - Ist ja (fast) logisch.
Es funktioniert jetzt *Yuppie*. Ich drück und knutsch Euch ;-) bis euch die Luft weg bleibt :-D
Klar, so ein html-Code kann nur einmal eingesetzt werden. Also macht man eine "review"html mit dem Editor, schmeisst sie auf den Server und setzt ein iframe an die gewünschten Stellen auf der Seite...
Ich schmeiss mich weg vor Freude. Dafür habe ich jetzt XX Stunden gebraucht (die Zahl wurde aus Schamgründen geXt).
Viiielen lieben Dank für Eure Hilfe und vor allem die Geduld.

Ganz viele Grüße aus dem Diggen hier in Spanien an Euch

P.S.: Der "nette" Kerl von Spreadshirt hatte zum schluß noch gemeint, das ich mir ein "gescheiten" CMS besorgen soll - sowas wie WordPress :-D :-D :-D. Dem werde ich nun was husten.

 

Euer Andi