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