gewährleistungspflicht EU

Ich habe bei Siquando diesbezüglich einen Fall eröffnet mal schauen... ich bin der Meinung " mal schauen" reicht nicht aus da sonst der Shop 12 ( neueste Version ) ja nicht mehr ohne Warnhinweis verkauft werden dürfte

Heute Antwort auf meine Anfrage wegen der Datenbankänderung erhalten

Siquando schrieb :

2026-09-18 11:26 Support hat eine Nachricht geschrieben.

Sehr geehrter !

Nein, es sind keine Probleme zu erwarten.

Nachdem der Code jetzt praktisch in SIQUANDO Shop 12 R3 mit Design Washington auf Desktop und Smartphone getestet wurde

<!-- ==========================================================
   EU-HINWEIS GESETZLICHE GEWÄHRLEISTUNG
   SIQUANDO SHOP 12 R3 – DESIGN WASHINGTON

   Stand: September 2026

   Getestet mit:
   - SIQUANDO Shop 12 R3
   - Design Washington
   - Desktop und Smartphone
   - Abschlussseite "Zusammenfassung"
   - Bestellvorgang erfolgreich getestet

   FUNKTION:
   Das Script erkennt auf der Abschlussseite den Button
   "Bezahlpflichtig bestellen" bzw.
   "Zahlungspflichtig bestellen".

   Der EU-Gewährleistungshinweis wird direkt NACH dem
   Bereich mit dem Bestellbutton eingeblendet.

   WICHTIG:
   Die offizielle EU-Grafik muss zuvor in das
   Bilderverzeichnis des Shops eingebunden werden.

   Im hier getesteten Shop lautet die Datei:

   legal-guarantee_notice_de_768.jpg

   Bei einem anderen Dateinamen muss der Bildpfad
   unten entsprechend angepasst werden.

   HINWEIS:
   Dies ist eine technische Einbindungshilfe.
   Keine Rechtsberatung und keine Gewähr für die
   rechtliche Vollständigkeit oder Konformität.

   Die Funktionsfähigkeit wurde nur für die oben
   genannte SIQUANDO-Version / das genannte Design
   praktisch getestet.
   ========================================================== -->


<style>

#sq-eu-checkout-notice {
  box-sizing: border-box;
  width: 100%;
  margin: 20px 0;
  padding: 15px;
  text-align: center;
}

#sq-eu-checkout-notice img {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 10px auto;
  border: 0;
}

</style>


<script>

document.addEventListener("DOMContentLoaded", function () {

  /*
   * Alle SIQUANDO-Shop-Submitbuttons suchen.
   */

  var buttons = document.querySelectorAll(
    'button[type="submit"].sqrshopbutton'
  );


  for (var i = 0; i < buttons.length; i++) {

    var text = (buttons[i].textContent || "")
      .replace(/\s+/g, " ")
      .trim();


    /*
     * Script nur auf dem endgültigen
     * Bestellbutton ausführen.
     */

    if (
      text !== "Bezahlpflichtig bestellen" &&
      text !== "Zahlungspflichtig bestellen"
    ) {
      continue;
    }


    /*
     * Doppelte Ausgabe verhindern.
     */

    if (document.getElementById(
      "sq-eu-checkout-notice"
    )) {
      return;
    }


    /*
     * SIQUANDO-Bereich des Bestellbuttons ermitteln.
     */

    var buttonArea = buttons[i].closest(".sqrpara");

    if (!buttonArea || !buttonArea.parentNode) {
      return;
    }


    /*
     * Container für den EU-Hinweis erzeugen.
     */

    var notice = document.createElement("div");

    notice.id = "sq-eu-checkout-notice";
    notice.className = "sqrpara";


    /*
     * Überschrift, EU-Link und offizielle Grafik.
     *
     * Falls die Grafik im eigenen Shop einen
     * anderen Dateinamen besitzt, muss lediglich
     * der src-Pfad angepasst werden.
     */

    notice.innerHTML =
      '<p><strong>' +
      'Ihre gesetzlichen Gewährleistungsrechte' +
      '</strong></p>' +

      '<a href="https://europa.eu/youreurope/citizens/consumers/shopping/guarantees/index_de.htm" ' +
      'target="_blank" ' +
      'rel="noopener noreferrer">' +

      '<img ' +
      'src="/images/legal-guarantee_notice_de_768.jpg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

      '</a>';


    /*
     * EU-Hinweis NACH dem Bereich mit dem
     * endgültigen Bestellbutton einsetzen.
     *
     * Dadurch bleibt der Bestellbutton unmittelbar
     * erreichbar und der Hinweis erscheint darunter.
     */

    buttonArea.parentNode.insertBefore(
      notice,
      buttonArea.nextSibling
    );


    /*
     * Nach erfolgreicher Einfügung beenden.
     */

    return;
  }

});

</script>

Einbau der Hinweise zur Verwendung des Scriptss EU-Gewährleistungshinweises in SIQUANDO Shop 12 R3

Nach einigen Versuchen und mit Unterstützung von ChatGPT konnte die Einbindung inzwischen praktisch getestet werden.

Getestete Konfiguration: SIQUANDO Shop 12 R3 mit Design Washington.

Der Test erfolgte sowohl am Computer als auch auf dem Smartphone. Der Hinweis erscheint auf der abschliessenden Seite „Zusammenfassung“, die Verlinkung funktioniert und auch der anschliessende Bestellvorgang konnte erfolgreich durchgeführt werden.

Das Script erkennt den endgültigen Button „Bezahlpflichtig bestellen“ bzw. „Zahlungspflichtig bestellen“ und fügt den Gewährleistungshinweis direkt nach diesem Bereich ein.

Ich habe mich bewusst für die Position unterhalb des Bestellbuttons entschieden. Die offizielle Grafik ist relativ gross. Würde sie unmittelbar vor dem Bestellbutton eingeblendet, müsste der Kunde insbesondere auf dem Smartphone zunächst durch die gesamte Grafik scrollen, bevor er die Bestellung abschliessen kann.

Einbau

Im Test wurde der Code unter:

Website- und FTP-Eigenschaften → HTML-Optionen → HTML-Code bearbeiten

eingefügt.

Bereits vorhandener eigener HTML-Code muss deshalb nicht entfernt werden. Das Script kann darunter eingefügt werden.

Grafik

Die offizielle Grafik muss sich im Bilderverzeichnis des Shops befinden.

Im getesteten Shop wurde von SIQUANDO folgende Datei erzeugt:

legal-guarantee_notice_de_768.jpg

Dementsprechend verwendet das Script:

/images/legal-guarantee_notice_de_768.jpg

Wer einen anderen Dateinamen verwendet, muss diesen Pfad im Script entsprechend anpassen.

Kontextspalte

Eine bereits vorhandene Darstellung des Hinweises in der Kontextspalte kann zusätzlich bestehen bleiben.

Wichtig ist allerdings: Auf der von uns untersuchten Abschlussseite „Zusammenfassung“ wird die Kontextspalte des Designs Washington nicht ausgegeben. Genau deshalb wird der Hinweis dort durch das Script zusätzlich eingeblendet.

Das Script funktioniert unabhängig davon, ob die betreffende Warengruppe bereits eine Kontextspalte mit dem Hinweis besitzt.

Wichtiger Hinweis

Diese Lösung wurde mit Unterstützung von ChatGPT erstellt.

Praktisch getestet wurde sie bislang ausschließlich mit SIQUANDO Shop 12 R3 und dem Design Washington. Daraus kann nicht abgeleitet werden, dass der Code unverändert auch mit Shop 10, Shop 11, anderen Versionen oder anderen Designs funktioniert.

Die Lösung wurde von mir nicht juristisch geprüft und stellt keine Rechtsberatung dar. Ich übernehme daher keine Gewähr dafür, dass die Einbindung sämtliche für einen konkreten Shop geltenden gesetzlichen Anforderungen erfüllt.

Jeder Shopbetreiber sollte die Funktion in seinem eigenen Shop sorgfältig testen und selbst prüfen, welche rechtlichen Anforderungen für seinen Shop gelten.

Die Lösung soll in erster Linie eine technische Hilfestellung für Betreiber kleiner Onlineshops sein, die eine solche Einbindung selbst versuchen möchten.

@sollte es User mit Shop10/11 geben wäre es evtl. ein Test wert. Oder was meint Ihr?

Oh ja testet es alle !!!!!

Es klappt hervorragend und ist definitiv ein Versuch wert !!!!!

Unglaublich dickes Dankeschön und eine fette Umarmung

Es funktioniert !!!!

Zumindest bei Shop12r2 ,Design Washington. Müsste aber auch bei anderen Designs gehen wenn man eine Kontextspalte einfügen kann

Aber vorsicht ich brauche nur das Gewährleistungslabel ( 

Schön wäre es wenn man die Lücke zwischen dem Kaufbutton und dem Ansatz des Labels verkleinern könnte

Labeleinbindung bei Produktseiten erfolgt zusätzlich über Kontextspalte ( verlinkt auf die EU Seite) sonst ist da aber nichts drin.

Auf kleineren Geräten sieht man die Kontextspalte ja nicht.. da wird das Label am Ende gezeigt.

Ich hab mir überlegt ob man nicht generell das Label nach dem Button " in den Warenkorb" irgendwo per script einfügen könnte... 

Noch einmal einen dicken Dank an das Forum und allen die geholfen haben. Mit Euch überlebt der Siquando shop.

Der Fall beim Kundenservice ist immer noch unbeantwortet

Ja. Und nach deinem erfolgreichen Test würde ich das Script sogar vereinfachen und verbessern.

Vor allem sehe ich drei sinnvolle Änderungen: Die Lücke unter dem Kaufbutton können wir deutlich reduzieren, die zusätzliche Überschrift „Ihre gesetzlichen Gewährleistungsrechte“ können wir weglassen, wenn du wirklich nur das Original-Label willst, und wir können dasselbe Label automatisch auch auf Produktseiten direkt nach „In den Warenkorb“ setzen. Damit wäre die Kontextspalte für das Label eigentlich nicht mehr zwingend nötig.

Aus deinem gelieferten Quelltext kennen wir beide Button-Texte und die SIQUANDO-Struktur bereits. Auf der Produktseite ist „In den Warenkorb“ vorhanden; auf der Zusammenfassung „Bezahlpflichtig bestellen“.

Wenn Du nochmal Zeit hast würde Ich diese Version testen

<!-- ==========================================================
   EU-GEWÄHRLEISTUNGSHINWEIS
   Technische Einbindung für SIQUANDO Shop

   Getestet:
   SIQUANDO Shop 12 R2 / Design Washington

   Das Script zeigt das vorhandene EU-Label:
   1. auf Produktseiten nach "In den Warenkorb"
   2. auf der Zusammenfassungsseite nach dem Bestellbutton

   Die Grafik muss im Bilderverzeichnis vorhanden sein.

   Technische Hilfestellung – keine Rechtsberatung.
   ========================================================== -->

<style>

.sq-eu-guarantee-notice {
  box-sizing: border-box;
  width: 100%;
  margin: 6px 0 12px 0;
  padding: 0;
  text-align: center;
  clear: both;
}

.sq-eu-guarantee-notice img {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
  border: 0;
}

</style>

<script>

document.addEventListener("DOMContentLoaded", function () {

  var buttons = document.querySelectorAll(
    'button.sqrshopbutton'
  );

  for (var i = 0; i < buttons.length; i++) {

    var text = (buttons[i].textContent || "")
      .replace(/\s+/g, " ")
      .trim();

    /*
     * Nur diese drei SIQUANDO-Buttons berücksichtigen.
     */

    if (
      text !== "In den Warenkorb" &&
      text !== "Bezahlpflichtig bestellen" &&
      text !== "Zahlungspflichtig bestellen"
    ) {
      continue;
    }

    /*
     * Passenden SIQUANDO-Bereich suchen.
     */

    var buttonArea = buttons[i].closest(".sqrpara");

    /*
     * Bei Produktseiten befindet sich der Warenkorbbutton
     * ggf. nicht innerhalb von .sqrpara.
     */

    if (!buttonArea) {
      buttonArea = buttons[i].closest("#submittable");
    }

    if (!buttonArea || !buttonArea.parentNode) {
      continue;
    }

    /*
     * Doppelte Ausgabe am selben Button verhindern.
     */

    var next = buttonArea.nextElementSibling;

    if (
      next &&
      next.classList.contains("sq-eu-guarantee-notice")
    ) {
      continue;
    }

    /*
     * EU-Label erzeugen.
     */

    var notice = document.createElement("div");

    notice.className = "sq-eu-guarantee-notice";

    notice.innerHTML =
      '<a href="https://europa.eu/youreurope/citizens/consumers/shopping/guarantees/index_de.htm" ' +
      'target="_blank" ' +
      'rel="noopener noreferrer">' +

      '<img ' +
      'src="/images/legal-guarantee_notice_de_768.jpg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

      '</a>';

    /*
     * Label direkt NACH dem jeweiligen Buttonbereich
     * einsetzen.
     */

    buttonArea.parentNode.insertBefore(
      notice,
      buttonArea.nextSibling
    );
  }

});

</script>

Der Abstand ist jetzt nur noch:

margin: 6px 0 12px 0;
padding: 0;

statt vorher 20px Außenabstand plus 15px Innenabstand. Das sollte die unschöne Lücke erheblich verkleinern.

Der größere Vorteil: Kontextspalte könnte entfallen

Wenn dieser neue Code bei Elli funktioniert, würde ich persönlich nicht mehr jede Warengruppe einzeln mit einer Kontextspalte versehen.

Das Script würde dann automatisch:

Produktseite

[ In den Warenkorb ]

[ EU-LABEL ]

und beim Checkout:

Zusammenfassung

[ Zurück ] [ Bezahlpflichtig bestellen ]

[ EU-LABEL ]

erzeugen.

Das hätte gerade auf dem Smartphone einen Vorteil: Das Label hängt nicht mehr davon ab, ob Washington die Kontextspalte an dieser Stelle überhaupt sichtbar darstellt.

Aber bitte erst mit einer Produktseite testen. Der Checkout-Teil ist praktisch erprobt; die automatische Platzierung nach „In den Warenkorb“ ist die neue Erweiterung und muss noch getestet werden.

Ich teste gerne nochmal....bin mir aber unsicher welcher jetzt der Code ist....kannst Du ihn noch einmal für mich zusammenfassen ? in 2 Stunden gebe ich dann das Ergebnis durch

Klar. Hier ist der komplette aktuelle Code in einem Stück. Diese Version setzt das Label automatisch nach „In den Warenkorb“ auf Produktseiten und nach „Bezahlpflichtig bestellen“ auf der Zusammenfassungsseite. Die zusätzliche Überschrift ist entfernt und der Abstand wurde verkleinert.

Den bisherigen zusätzlichen EU-Code unter HTML-Code bearbeiten kannst du komplett durch diesen ersetzen. Deinen vorhandenen <center>...</center>-Text lässt du darüber stehen.

<center>
Hexenfiguren, Pixiesfiguren, Trolle und Elfen Onlineshop
</center>


<!-- ==========================================================
   EU-GEWÄHRLEISTUNGSHINWEIS FÜR SIQUANDO SHOP

   Getestete Grundlage:
   SIQUANDO Shop 12 / Design Washington

   FUNKTION:
   - Produktseite:
    Label nach "In den Warenkorb"

   - Bestellabschluss / Zusammenfassung:
    Label nach "Bezahlpflichtig bestellen"
    bzw. "Zahlungspflichtig bestellen"

   Das verwendete EU-Label muss sich im Bilderverzeichnis
   des Shops befinden.

   Verwendeter Dateiname:
   legal-guarantee_notice_de_768.jpg

   Technische Einbindungshilfe.
   Keine Rechtsberatung.
   ========================================================== -->


<style>

.sq-eu-guarantee-notice {
  box-sizing: border-box;
  width: 100%;
  margin: 6px 0 12px 0;
  padding: 0;
  text-align: center;
  clear: both;
}

.sq-eu-guarantee-notice img {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

</style>


<script>

document.addEventListener("DOMContentLoaded", function () {

  /*
   * Alle SIQUANDO-Shopbuttons suchen.
   */

  var buttons = document.querySelectorAll(
    'button.sqrshopbutton'
  );


  for (var i = 0; i < buttons.length; i++) {

    var text = (buttons[i].textContent || "")
      .replace(/\s+/g, " ")
      .trim();


    /*
     * Nur folgende Buttons berücksichtigen:
     *
     * - In den Warenkorb
     * - Bezahlpflichtig bestellen
     * - Zahlungspflichtig bestellen
     */

    if (
      text !== "In den Warenkorb" &&
      text !== "Bezahlpflichtig bestellen" &&
      text !== "Zahlungspflichtig bestellen"
    ) {
      continue;
    }


    /*
     * Zuerst nach dem normalen SIQUANDO-Absatz suchen.
     */

    var buttonArea = buttons[i].closest(".sqrpara");


    /*
     * Auf Produktseiten befindet sich der
     * Warenkorbbutton möglicherweise innerhalb
     * von #submittable.
     */

    if (!buttonArea) {
      buttonArea = buttons[i].closest("#submittable");
    }


    /*
     * Wenn kein passender Bereich gefunden wurde,
     * nichts verändern.
     */

    if (!buttonArea || !buttonArea.parentNode) {
      continue;
    }


    /*
     * Prüfen, ob unmittelbar danach bereits
     * unser EU-Label vorhanden ist.
     * Dadurch wird eine doppelte Ausgabe verhindert.
     */

    var next = buttonArea.nextElementSibling;

    if (
      next &&
      next.classList.contains(
        "sq-eu-guarantee-notice"
      )
    ) {
      continue;
    }


    /*
     * Container für das EU-Label erzeugen.
     */

    var notice = document.createElement("div");

    notice.className =
      "sq-eu-guarantee-notice";


    /*
     * EU-Label und Verlinkung einfügen.
     *
     * WICHTIG:
     * Falls die Bilddatei anders heißt,
     * muss nur der src-Pfad angepasst werden.
     */

    notice.innerHTML =
      '<a href="https://europa.eu/youreurope/citizens/consumers/shopping/guarantees/index_de.htm" ' +
      'target="_blank" ' +
      'rel="noopener noreferrer">' +

      '<img ' +
      'src="/images/legal-guarantee_notice_de_768.jpg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

      '</a>';


    /*
     * Label NACH dem jeweiligen Buttonbereich
     * einsetzen.
     */

    buttonArea.parentNode.insertBefore(
      notice,
      buttonArea.nextSibling
    );

  }

});

</script>

Was diese Version jetzt macht

Auf einer Produktseite soll automatisch entstehen:

[ In den Warenkorb ]  [ Auf den Merkzettel ]

[ EU-Gewährleistungslabel ]

Auf der Zusammenfassungsseite:

[ Zurück ]  [ Bezahlpflichtig bestellen ]

[ EU-Gewährleistungslabel ]

Die bisherige große Lücke haben wir mit

margin: 6px 0 12px 0;
padding: 0;

deutlich reduziert.

Wichtig: Der Teil auf der Zusammenfassungsseite basiert auf der bereits erfolgreich getesteten Lösung. Neu und noch zu testen ist die automatische Anzeige nach „In den Warenkorb“. Wenn die ebenfalls funktioniert, würde ich anschließend die Kontextspalte probeweise entfernen. Dann hätten wir eine wesentlich elegantere Lösung, bei der das Script das Label automatisch an den beiden entscheidenden Stellen einsetzt.

* Auf Produktseiten befindet sich der
* Warenkorbbutton möglicherweise innerhalb
* von #submittable.

das auch mit übertragen ??? ich computerdofie

eigentlich müsstest Du jetzt den completten Code nochmals an der Stelle einfügen wo Du den letzten eingefügt hattest.

Wenn Du unsicher bist einfach sein lassen ich möchte nicht das es Dir jetzt eine funktionierende Version zerschiesst.

Vielleicht gibt es aber sonst noch jemand im Forum der das mal Testen möchte?

so hab ich gemacht...ich war mir nicht sicher ob alles zum code gehört.

den anderen hab ich abgespeichert...in 2 Stunden wissen wir mehr

So Shop ist durch

Bestellung ist einwandfrei durchgegangen

 1. Abschlußseite ( bezahlpflichtig bestellen) ist super... Abstand ist jetzt prima

2. Auch auf Produktseiten ohne Kontextspalte erscheint das Label unter "in den Warenkorb" !!!!!

3. Ich hab ja noch meine TestProduktkategorie mit Kontextspalte (mit einem Label befüllt)

auch da erscheint das Label unter Warenkorbbutton ( plus Label in Kontextspalte) 

Wenn wir noch die Möglichkeit hätten auch zwischen Button " in den Warenkorb " und Label den Abstand etwas zu verringern ist es perfekt.

Ich würde dann morgen einfach mal die Kontextspalte entfernen und noch einmal testen.

Wenn es dann auch noch so läuft können wahrscheinlich auch Designs ohne Kontextspalte die Lösung nutzen ( Hauptsache das JPG ist in der Galerie

Gute Nacht und Träumt schön

zuerst mal ein Dankeschön an unsere Testerin, es zeigt einmal mehr das es auch hier im Forum nur mit Teamarbeit geht. Gemeinsam kann man was bewegen...

Ja, man könnte den Code so gestalten, dass der Anwender selbst wählen kann:

1. Variante mit Kontextspalte: Das Label bleibt auf den Produktseiten wie bisher in der Kontextspalte. Das Script ergänzt das Label nur auf der Abschlussseite nach „Bezahlpflichtig bestellen“.
2. Variante ohne Kontextspalte: Das Script setzt das Label automatisch auf den Produktseiten nach „In den Warenkorb“ UND auf der Abschlussseite nach „Bezahlpflichtig bestellen“.

Das ist sogar die bessere Lösung. Wir könnten einen einzigen Code erstellen, bei dem oben nur eine Einstellung geändert werden muss, zum Beispiel:

/* ==========================================
  EINSTELLUNG

  true = Label auch nach "In den Warenkorb"
      anzeigen (keine Kontextspalte nötig)

  false = Label auf Produktseiten über die
      Kontextspalte anzeigen.
      Script ergänzt nur den Checkout.
  ========================================== */

var labelAufProduktseiten = true;

Dann würde das Script später einfach prüfen:

if (
  text === "In den Warenkorb" &&
  !labelAufProduktseiten
) {
  continue;
}

Damit hätte der SIQUANDO-Anwender tatsächlich die Wahl.

Mit Kontextspalte:

var labelAufProduktseiten = false;

Ergebnis:

Produktseite:
Label → Kontextspalte

Checkout:
[ Bezahlpflichtig bestellen ]
[ EU-Label ]

Ohne Kontextspalte:

var labelAufProduktseiten = true;

Ergebnis:

Produktseite:
[ In den Warenkorb ]
[ EU-Label ]

Checkout:
[ Bezahlpflichtig bestellen ]
[ EU-Label ]

Das gefällt mir für eine Veröffentlichung sogar deutlich besser als zwei verschiedene Codes. Es gibt nur einen Code, und jeder kann entsprechend seinem Design bzw. seiner bisherigen Gestaltung auswählen.

Und falls sich morgen bestätigt, dass es nach dem Entfernen der Kontextspalte weiterhin einwandfrei läuft, würde ich genau daraus die endgültige Forumsfassung mit dieser EIN/AUS-Einstellung machen – einschließlich des noch etwas kleineren Abstandes beim Warenkorbbutton.

Nach den erfolgreichen Tests würde ich jetzt diese Version als finalen technischen Code nehmen. Sie braucht keine Kontextspalte mehr und unterscheidet den Abstand bei Produktseite und Abschlussseite.

<!-- ==========================================================
   EU-GEWÄHRLEISTUNGSHINWEIS FÜR SIQUANDO SHOP

   Praktisch getestet mit:
   SIQUANDO Shop 12 R2
   Design Washington
   Desktop und Smartphone

   FUNKTION:
   1. Produktseite:
    EU-Label nach "In den Warenkorb"

   2. Bestellabschluss:
    EU-Label nach "Bezahlpflichtig bestellen"
    bzw. "Zahlungspflichtig bestellen"

   Eine Kontextspalte ist NICHT erforderlich.

   Voraussetzung:
   Die offizielle EU-Grafik befindet sich im
   Bilderverzeichnis des Shops unter:

   /images/legal-guarantee_notice_de_768.jpg

   HINWEIS:
   Technische Einbindungshilfe.
   Keine Rechtsberatung.
   Bei anderen SIQUANDO-Versionen oder Designs
   muss die Funktion separat getestet werden.
   ========================================================== -->


<style>

/* Grundformat des EU-Labels */

.sq-eu-guarantee-notice {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  text-align: center;
  clear: both;
}


/* Abstand auf Produktseiten:
  möglichst nahe am Warenkorb-Bereich */

.sq-eu-guarantee-product {
  margin: 0 0 12px 0;
}


/* Abstand auf der Abschlussseite:
  bereits erfolgreich getestet */

.sq-eu-guarantee-checkout {
  margin: 6px 0 12px 0;
}


/* Darstellung der offiziellen EU-Grafik */

.sq-eu-guarantee-notice img {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

</style>


<script>

document.addEventListener("DOMContentLoaded", function () {

  /*
   * SIQUANDO-Shopbuttons suchen
   */

  var buttons = document.querySelectorAll(
    'button.sqrshopbutton'
  );


  for (var i = 0; i < buttons.length; i++) {

    var text = (buttons[i].textContent || "")
      .replace(/\s+/g, " ")
      .trim();


    /*
     * Nur Warenkorb- und endgültige
     * Bestellbuttons berücksichtigen
     */

    if (
      text !== "In den Warenkorb" &&
      text !== "Bezahlpflichtig bestellen" &&
      text !== "Zahlungspflichtig bestellen"
    ) {
      continue;
    }


    /*
     * Passenden SIQUANDO-Bereich suchen
     */

    var buttonArea = buttons[i].closest(".sqrpara");


    /*
     * Falls der Warenkorbbutton nicht innerhalb
     * von .sqrpara liegt, #submittable verwenden
     */

    if (!buttonArea) {
      buttonArea = buttons[i].closest("#submittable");
    }


    /*
     * Wenn kein passender Bereich gefunden wird,
     * nichts verändern
     */

    if (!buttonArea || !buttonArea.parentNode) {
      continue;
    }


    /*
     * Doppelte Ausgabe verhindern
     */

    var next = buttonArea.nextElementSibling;

    if (
      next &&
      next.classList.contains(
        "sq-eu-guarantee-notice"
      )
    ) {
      continue;
    }


    /*
     * Container für EU-Label erzeugen
     */

    var notice = document.createElement("div");

    notice.className =
      "sq-eu-guarantee-notice";


    /*
     * Unterschiedlicher Abstand:
     *
     * Produktseite = geringer Abstand
     * Checkout   = bisheriger getesteter Abstand
     */

    if (text === "In den Warenkorb") {

      notice.classList.add(
        "sq-eu-guarantee-product"
      );

    } else {

      notice.classList.add(
        "sq-eu-guarantee-checkout"
      );

    }


    /*
     * Offizielles EU-Label einfügen.
     *
     * Die Bilddatei muss im Bilderverzeichnis
     * des Shops vorhanden sein.
     */

    notice.innerHTML =
      '<a href="https://europa.eu/youreurope/citizens/consumers/shopping/guarantees/index_de.htm" ' +
      'target="_blank" ' +
      'rel="noopener noreferrer">' +

      '<img ' +
      'src="/images/legal-guarantee_notice_de_768.jpg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

      '</a>';


    /*
     * EU-Label unmittelbar NACH dem
     * jeweiligen Buttonbereich einsetzen
     */

    buttonArea.parentNode.insertBefore(
      notice,
      buttonArea.nextSibling
    );

  }

});

</script>

Der einzige Unterschied zur erfolgreich getesteten letzten Version ist die gezielte Abstandsoptimierung auf der Produktseite:

.sq-eu-guarantee-product {
  margin: 0 0 12px 0;
}

Die Abschlussseite haben wir bewusst nicht verändert, weil die Testerin ausdrücklich bestätigt hat, dass der Abstand dort jetzt prima ist.

Wir haben jetzt aber noch eine wichtige Rückmeldung. Damit haben wir einen dritten Seitentyp entdeckt, den unser bisheriger Code nicht sauber berücksichtigt.

Bei einem blindgeschalteten/ausverkauften Artikel gibt es offenbar keinen normalen „In den Warenkorb“-Button. Unser Script hat deshalb keinen Ankerpunkt, an dem es das Label einsetzen kann. Dass „nur der Link“ erscheint, deutet zusätzlich darauf hin, dass auf dieser Seite eine andere SIQUANDO-Struktur greift. Das schauen wir noch an sobald es dazu NEWS gibt melden wir uns wieder.

Ich möchte ein großes "DANKESCHÖN" an alle hier aussprechen, besonders an René. Dein Code funktioniert bei mir, Siquando Shop 12.

Liebe Grüße und einen schönen Sonntag.

Das Dankeschön gehört vor allem unserer taffen und unermüdlichen Testerin.

Denn eines ist klar: Ohne ihre vielen Tests, Rückmeldungen und immer neuen Fehlermeldungen hätten wir den Code niemals so weit gebracht.

KI kann zwar Code produzieren – aber ob das Zeug in der Praxis auch wirklich funktioniert, zeigt sich erst beim Testen.

Also: Ein grosses Dankeschön an die fleissige Testerin!
Ohne sie kein funktionierender Code.

Es wird heute vermutlich noch eine Finale Version geben in welcher noch die Angesprochenen Punkte verbessert werden

Mehr als testen kann ich aber nicht.....schön das es nicht nur mir gehofen hat

Ich verneige mich vor dem Meister !!!!!

Renee Du warst so toll...hat richtig Spass gemacht.

Hexhex Petra

Danke Petra

Perfekt. Dann würde ich diesen Code jetzt einfrieren und nichts mehr daran verändern.

<!-- ==========================================================
   TESTVERSION – EU-GEWÄHRLEISTUNGSHINWEIS
   SIQUANDO SHOP

   Getestete Grundlage:
   SIQUANDO Shop 12 R2
   Design Washington

   NEUER TEST:
   Abstand zwischen "In den Warenkorb"
   und EU-Label wird um 35 px verkleinert.

   Die Checkout-Darstellung wird NICHT verändert.

   Eine Kontextspalte ist nicht erforderlich.
   ========================================================== -->


<style>

/* Grundformat */

.sq-eu-guarantee-notice {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  text-align: center;
  clear: both;
}


/* PRODUKTSEITE
  Label 35 px nach oben ziehen */

.sq-eu-guarantee-product {
  margin: -35px 0 12px 0;
}


/* CHECKOUT
  NICHT VERÄNDERN – bereits erfolgreich getestet */

.sq-eu-guarantee-checkout {
  margin: 6px 0 12px 0;
}


/* EU-Grafik */

.sq-eu-guarantee-notice img {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

</style>


<script>

document.addEventListener("DOMContentLoaded", function () {

  var buttons = document.querySelectorAll(
    'button.sqrshopbutton'
  );


  for (var i = 0; i < buttons.length; i++) {

    var text = (buttons[i].textContent || "")
      .replace(/\s+/g, " ")
      .trim();


    /*
     * Nur Warenkorb- und Bestellbuttons
     */

    if (
      text !== "In den Warenkorb" &&
      text !== "Bezahlpflichtig bestellen" &&
      text !== "Zahlungspflichtig bestellen"
    ) {
      continue;
    }


    /*
     * SIQUANDO-Bereich des Buttons suchen
     */

    var buttonArea = buttons[i].closest(".sqrpara");


    /*
     * Alternative auf Produktseiten
     */

    if (!buttonArea) {
      buttonArea = buttons[i].closest("#submittable");
    }


    if (!buttonArea || !buttonArea.parentNode) {
      continue;
    }


    /*
     * Doppelte Ausgabe verhindern
     */

    var next = buttonArea.nextElementSibling;

    if (
      next &&
      next.classList.contains(
        "sq-eu-guarantee-notice"
      )
    ) {
      continue;
    }


    /*
     * Container für das EU-Label
     */

    var notice = document.createElement("div");

    notice.className =
      "sq-eu-guarantee-notice";


    /*
     * Produktseite und Checkout unterscheiden
     */

    if (text === "In den Warenkorb") {

      notice.classList.add(
        "sq-eu-guarantee-product"
      );

    } else {

      notice.classList.add(
        "sq-eu-guarantee-checkout"
      );

    }


    /*
     * EU-Label
     */

    notice.innerHTML =
      '<a href="https://europa.eu/youreurope/citizens/consumers/shopping/guarantees/index_de.htm" ' +
      'target="_blank" ' +
      'rel="noopener noreferrer">' +

      '<img ' +
      'src="/images/legal-guarantee_notice_de_768.jpg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

      '</a>';


    /*
     * Label nach dem jeweiligen Buttonbereich
     */

    buttonArea.parentNode.insertBefore(
      notice,
      buttonArea.nextSibling
    );

  }

});

</script>

Ja, der Code ist suuuuuper. Die beknackte Verordnung nicht...ab dem 27.9 ist sie ja nicht nur im Internet Pflicht...Oh nein in Geschäften und auf Märkten auch ( Ausdruckgrösse wird genau vorgegeben) Im Internet nur in bunt aud in der Welt auch in schwarz weiß... ich lach mich schlapp

fast vergessen wenn jetzt noch jemand den Code mit Shop10/11 versuchen würde..., wer weis vielleicht funktionierts auch da und es hilft weiteren. In diesem Sinne allen noch einen schönen Sonntag
@und wundert Euch nicht wenn Siquando Morgen oder so doch noch ein Upgrade für die Classic-Line aufschalten würde

Und ja Petra es hat auch mir richtig Spass gemacht mit so einer tollen Testerin