#1

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Frage zur Umsetzung in Shop 12r3

Gerade erst die Aufregung mit dem Button und dann lese ich zufällig die Vorgaben für die Label zur Gewährleistungspflicht.

Es wird immer schlimmer.

Als 1 Mann Firmchen ist das alles bald nicht mehr zu schaffen.

Hat irgendjemand einen Tipp oder hat es in shop12r3 schon umgesetzt ???

Es muss ja vor dem Kaufabschluss stehen

Grüsse 

#2

MuggelClan

Forum-Sponsor  (1652 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Auf der folgenden Seite kannst du eine JPG herunterladen:
https://commission.europa.eu/publications/practical-guidelines-and-high-resolution-vector-files-eu-notice-and-label-product-guarantees_en

Diese JPG kannst du dann im SIQUANDO Shop als "Grafik" (Bild) hinzufügen.
Dann erstellst du einen Text-Absatz auf der Produktseite mit einem passenden Link auf die JPG-"Grafik"(Bild).
Nach hochladen "FERTIG"

Das Label zur Gewährleistungspflicht wird dann über den passenden Link als Leuchtkasten angezeigt.

Erklärung zum Label:
https://europa.eu/youreurope/business/selling-in-eu/consumer-contracts-guarantees/eu-legal-guarantee-notice-and-garan-label/index_de.htm

PS.: Das ist nur ein Vorschlag von mir, ich selber betreibe keinen Shop, sehe das also als Kunde. Aber auf der folgenden Seite von SIQUANDO steht folgendens:
"Gemäß den Empfehlungen der EU können Sie das Label entweder über einen Textlink in einer Leuchtkasten-Darstellung verfügbar machen oder direkt auf Ihrer Seite platzieren."

https://www.siquando.de/pro-shop/neu/


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12R3, Pro Web 10, Web Client 

#3

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Hallo Thomas danke für die schnelle Antwort... das Bild hatte ich schon gefunden. Mein Problem :

Es sind sehr viele Produkte im Shop ( Dekoartikel) die teilweise ab 10 cent anfangen. Wenn ich jetzt jedem Bild die Gewährleistung beifügen muss ist das nicht zu schaffen.

Gesetzlich zulässig ist aber auch das Einfügen des Gewährleistungslabels im Checkout Prozess oder Warenkorb 

 

 

#4

Elli

Grünschnabel  (15 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.ellisdollymansion.com/

Hallo zusammen,

ich stehe gerade vor selber Frage, wollte schon upgraden von Shop 12 R2 auf R3. Aber es scheint so, das nur der Widerrufbutton integriert ist, die EU Label aber nicht. Diese sind wohl nur in der ProShop Version. Jedoch möchte ich keine 400€ für ein Upgrade ausgeben wenn ich nur die Hälfte erhalte was ich eigentlich brauche. Die die EU Label Funktion und Pflicht hatte mich dazu bewogen das Upgrade genötigterweise zu kaufen, da ich den Button nicht selber erstellen kann, zumindest nicht rechtsicher und nicht ohne viel Aufwand. Mit den EU Labeln bin ich allerdings nun draußen. 

Beim Vergleich fiel ich dann darüber, das es in der Funktionsliste zur Version Shop 12 R3 nicht steht.

Ich habe nachgefragt um sicher zu sein und hoffe einfach das auch die reguläre Shop Version mit den EU Labels berücksichtigt oder nachgereicht wird. Das ist bei weitem nicht so easy selbst zu machen und einzubinden wie es scheint. Die EU Regulierungen sind recht umfangreich und lassen Abmahnjägern viel Spielraum wenn man das nicht absolut korrekt umsetzt. Angefangen bei Platzierung bis hin zur Größe des Labels etc.  https://europa.eu/youreurope/business/selling-in-eu/consumer-contracts-guarantees/eu-legal-guarantee-notice-and-garan-label/index_de.htm 

Somit warte ich noch ab mit Upgrade bis ich eine Info habe und hoffe das Beste.

Nachtrag

" -->Mail eben erhalten: Shop 12 R3 enthält tatsächlich derzeit "nur" die Funktionalität für den Widerrufsbutton, nicht für die komfortable Einbindung des EU Gewährleistungsbuttons und des EU GARAN Labels. Diese müssten Sie also mit den enthaltenen Funktionen manuell einbinden. Ob wir eine Version R4 bringen können, die hierfür ebenfalls vorkonfigurierte Lösungen enthält, kann ich Ihnen zum jetzigen Zeitpunkt leider nicht beantworten, da wir nur noch sehr wenige Kunden haben, die noch nicht zu SIQUANDO Pro Shop gewechselt sind."

Mega ärgerlich und sehr schade .... 

Elli

 


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »Elli« (Gestern, 19:40)
#5

Elli

Grünschnabel  (15 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.ellisdollymansion.com/

#6

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Hallo Elli

Ich habe gerade erst auf shop 12r3 gewechselt und habe nicht vor den Proshop für 600 euronen als update zu nehmen. Mal ganz abgesehen davon das bis heute ja dieser shop immer noch verkauft wird.

Hier hab ich ein paar Seiten gefunden die erklären 

https://ohn.haendlerbund.de/recht/politik-gesetze/haendler-einheitliches-eu-label-gewaehrleistung-garantie-2026

https://www.it-recht-kanzlei.de/faq-gewaehrleistunglabel-garantielabel.html#abschnitt_43

Ich habe auch einen Fall eröffnet und die Antwort erhalten ... sie geben es an die Entwickler weiter.

 

 

#7

Elli

Grünschnabel  (15 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://www.ellisdollymansion.com/

HI

meine weitere Antwort war u.a. neben der Leier des Aufwands: 

"Dennoch bieten wir diese Anpassungen - die branchenführend sind - für SIQUANDO Pro 10 Nutzer als kostenloses Update an." Das nutzt mir ja nun mal rein gar nichts. Ich lese hier ganz klar: wir sind nicht relevant als "nur" Shop 12 user die zudem die Minderheit sind - da wird nichts passieren.

Ich widerum werde ebenfalls erst Recht keine fast 600€ für ein genötigtes Upgrade dafür ausgeben , ich brauche keine andere Shop Version. Ich will weiterhin zudem offline arbeiten können. Die 400€ sind schon enorm, vor allem weil es auch nur die Hälfte - den Widerspruchbutton - abdeckt. Als Kleinunternehmer ein Unding, vor allem kann man davon ausgehen das da weitere nur kostenpflichtige Upgrades kommen. 

Das Thema ist somit erstmal für mich leider völlig abgehakt und ich muss einen workaround finden. 

Elli

#8

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Hallo Elli

Die EU gibt mit ihren neuen gesetzlichen Vorgaben den Takt vor. Shopbetreiber müssen sich damit auseinandersetzen und ihre Shops gegebenenfalls entsprechend anpassen. Für kleine Händler kann das schnell zu einem erheblichen technischen und finanziellen Aufwand werden.

Auf der anderen Seite kann man natürlich auch nachvollziehen, dass ein Softwarehersteller ältere Produktgenerationen nicht unbegrenzt weiterentwickeln und an jede neue gesetzliche Vorgabe anpassen kann. Für die verbliebenen Nutzer solcher Versionen ist das trotzdem eine ziemlich unbefriedigende Situation.

Ich befürchte deshalb, dass es für manche kleinen Online-Shops zunehmend schwieriger wird, wirtschaftlich weiterzumachen. Nicht jeder Betreiber kann wegen neuer gesetzlicher Anforderungen regelmässig mehrere hundert Euro in Upgrades investieren oder für individuelle Anpassungen einen Programmierer beauftragen.

Was mich persönlich allerdings stört: Nach meiner Erfahrung beschränkt sich dieses Problem nicht ausschliesslich auf ältere SIQUANDO-Versionen.

Auch bei aktuellen Versionen habe ich teilweise den Eindruck, dass zwar technische Möglichkeiten zur Umsetzung neuer Anforderungen bereitgestellt werden, der Shopbetreiber die konkrete und rechtlich passende Umsetzung jedoch weiterhin selbst vornehmen bzw. prüfen muss.

Das ist ausdrücklich meine persönliche Einschätzung als Anwender und keine Aussage darüber, ob eine bestimmte SIQUANDO-Version rechtliche Anforderungen erfüllt oder nicht.

Gerade bei gesetzlichen Neuerungen würde ich mir von einer professionellen Shopsoftware möglichst weitgehend vorkonfigurierte Lösungen wünschen. Natürlich kann und darf ein Softwarehersteller keine individuelle Rechtsberatung für jeden Shopbetreiber übernehmen. Aber je mehr technische Umsetzung bereits sauber vorbereitet ist, desto geringer sind Aufwand und Fehlerrisiko für den einzelnen Händler.

Wenn die Antwort bei einer neuen gesetzlichen Anforderung letztlich lautet, dass sich die benötigten Elemente mit den vorhandenen Funktionen manuell einbinden lassen, ist das technisch sicherlich eine Möglichkeit. Für einen kleinen Händler ist es aber etwas anderes, ob eine Funktion grundsätzlich vorhanden ist oder ob eine möglichst weitgehend vorkonfigurierte Lösung bereitsteht.

Genau diese Unterscheidung finde ich wichtig.

Die EU erlässt die Vorgaben. SIQUANDO entscheidet, welche Funktionen in welcher Produktversion angeboten und weiterentwickelt werden. Und der Shopbetreiber steht am Ende dazwischen und muss dafür sorgen, dass sein eigener Shop den für ihn geltenden gesetzlichen Anforderungen entspricht.

Für kleine Online-Händler wird das leider nicht einfacher.


viele Grüsse René

#9

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Ich habe jetzt noch versucht, mithilfe von ChatGPT ein Script für die Einbindung des Gewährleistungshinweises in SIQUANDO Shop 10/11/12 nachzubauen.

Wichtiger Hinweis:
Das Script ist von mir weder praktisch getestet noch juristisch geprüft worden. Da ich selbst keine dieser SIQUANDO-Versionen im Einsatz habe, kann ich insbesondere nicht gewährleisten, dass das Script in jeder Version, jedem verwendeten Design oder jeder individuellen Shop-Konfiguration fehlerfrei funktioniert.

Ebenso stellt das Script keine Rechtsberatung und keine Garantie für eine rechtskonforme Umsetzung der gesetzlichen Informationspflichten dar. Jeder Shopbetreiber ist selbst dafür verantwortlich, zu prüfen, welche gesetzlichen Anforderungen für seinen Shop gelten und ob die konkrete technische Einbindung diese Anforderungen tatsächlich erfüllt.

Ich stelle das Script daher lediglich als unverbindlichen Lösungsansatz bzw. als mögliche Hilfestellung zur Verfügung.

Vielleicht lässt sich damit für Nutzer älterer SIQUANDO-Versionen eine praktikable Lösung finden, ohne allein wegen dieser Funktion zwingend auf eine neuere Shop-Version wechseln zu müssen und dadurch einige Euro zu sparen.

Verwendung also ausdrücklich auf eigene Verantwortung.
Wer das Script ausprobiert, darf natürlich gerne berichten, ob und mit welcher SIQUANDO-Version es funktioniert.

<!-- ==========================================================
EU GEWÄHRLEISTUNGSHINWEIS
SIQUANDO SHOP 10 / 11 / 12

Stand: September 2026

Verwendet die unveränderte offizielle deutsche
RGB-Grafik der Europäischen Kommission.
========================================================== -->

<style>

#sq-eu-guarantee {
box-sizing: border-box;
width: 100%;
margin: 15px auto;
text-align: center;
}

#sq-eu-guarantee-button {
display: inline-block;
padding: 10px 16px;
border: 1px solid #777;
border-radius: 3px;
background: #ffffff;
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.4;
text-decoration: underline;
cursor: pointer;
}

#sq-eu-guarantee-button:hover,
#sq-eu-guarantee-button:focus {
background: #f2f2f2;
}

#sq-eu-guarantee-content {
display: none;
box-sizing: border-box;
width: 100%;
max-width: 850px;
margin: 20px auto;
padding: 0 10px;
}

#sq-eu-guarantee-content.sq-eu-open {
display: block;
}

#sq-eu-guarantee-content img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
border: 0;
}

/* Fallback, falls JavaScript deaktiviert ist */
#sq-eu-guarantee-content:target {
display: block;
}

</style>


<div id="sq-eu-guarantee">

<a
id="sq-eu-guarantee-button"
href="#sq-eu-guarantee-content"
aria-expanded="false"
aria-controls="sq-eu-guarantee-content">

Ihre gesetzlichen Gewährleistungsrechte

</a>


<div
id="sq-eu-guarantee-content"
aria-hidden="true">

<a
href="https://europa.eu/youreurope/garantien"
target="_blank"
rel="noopener noreferrer"
aria-label="Weitere Informationen zu den gesetzlichen Gewährleistungsrechten">

<img
src="/images/eu-gewaehrleistung-de.svg"
alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">

</a>

</div>

</div>


<script>
(function () {

var button =
document.getElementById('sq-eu-guarantee-button');

var content =
document.getElementById('sq-eu-guarantee-content');

if (!button || !content) {
return;
}

button.addEventListener('click', function (event) {

event.preventDefault();

var isOpen =
content.classList.contains('sq-eu-open');

if (isOpen) {

content.classList.remove('sq-eu-open');

button.setAttribute(
'aria-expanded',
'false'
);

content.setAttribute(
'aria-hidden',
'true'
);

} else {

content.classList.add('sq-eu-open');

button.setAttribute(
'aria-expanded',
'true'
);

content.setAttribute(
'aria-hidden',
'false'
);

}

});

})();
</script>

viele Grüsse René

#10

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Das Gewährleistungslabel dürfen Sie in Ihrem Onlineshop global anzeigen – also z. B. im Checkout-Prozess. Es muss nicht auf jeder einzelnen Produktseite erscheinen. Wichtig ist, dass der Verbraucher es vor Abschluss des Kaufvertrags zur Kenntnis nehmen kann. Es müsste also die Möglichkeit bestehen vor dem Button Zahlungspflichtig bestellen das Label bild einzufügen.

Ist das machbar im Shop 12r3?

#11

W2D Fan

Co-Administratorin  (5071 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Rene, bitte verwende für Code bitte den Knopf {;} 


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#12

MuggelClan

Forum-Sponsor  (1652 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Das Gewährleistungslabel dürfen Sie in Ihrem Onlineshop global anzeigen – also z. B. im Checkout-Prozess. Es muss nicht auf jeder einzelnen Produktseite erscheinen. Wichtig ist, dass der Verbraucher es vor Abschluss des Kaufvertrags zur Kenntnis nehmen kann. Es müsste also die Möglichkeit bestehen vor dem Button Zahlungspflichtig bestellen das Label bild einzufügen.

Ist das machbar im Shop 12r3?

 Also mal ganz ehrlich betrachtet: Wenn Abmahner erst im Bestellprozess diese Label sehen kann, ... -> Welcher Abmahner bestellt den zuerst was? Meiner Meinung gehört das auf die Produktseite. Des weiteren ist das im Bestellprozess auch nur so umsetzbar, wenn es auch wirdklich alle Produkte die angeboten werden gleichermaßen gilt. Da darf dann aber auch kein Hersteller eine zusätzliche erweiterte Garantie geben, denn das Bedarf ja noch zusätzlich ein zweites Label.
Du willst also alle die dir eine Abmahnung senden, dann auch erklären, das diese im Bestellprozess vorhanden sind? Viel Spaß bei der Arbeit. 😉


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12R3, Pro Web 10, Web Client 

#13

MuggelClan

Forum-Sponsor  (1652 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Auf der folgenden Seite kannst du eine JPG herunterladen:
https://commission.europa.eu/publications/practical-guidelines-and-high-resolution-vector-files-eu-notice-and-label-product-guarantees_en

Diese JPG kannst du dann im SIQUANDO Shop als "Grafik" (Bild) hinzufügen.
Dann erstellst du einen Text-Absatz auf der Produktseite mit einem passenden Link auf die JPG-"Grafik"(Bild).
Nach hochladen "FERTIG"

Das Label zur Gewährleistungspflicht wird dann über den passenden Link als Leuchtkasten angezeigt.

Erklärung zum Label:
https://europa.eu/youreurope/business/selling-in-eu/consumer-contracts-guarantees/eu-legal-guarantee-notice-and-garan-label/index_de.htm

PS.: Das ist nur ein Vorschlag von mir, ich selber betreibe keinen Shop, sehe das also als Kunde. Aber auf der folgenden Seite von SIQUANDO steht folgendens:
"Gemäß den Empfehlungen der EU können Sie das Label entweder über einen Textlink in einer Leuchtkasten-Darstellung verfügbar machen oder direkt auf Ihrer Seite platzieren."

https://www.siquando.de/pro-shop/neu/

 Ich weiß jetzt nicht, ob dein verwendetes Design die Kontextspalte unterstützt, aber wenn ja, da wäre es doch auch die Möglichkeit dieses Beispiel von mir in die Kontextspalte für alle Seite zu plazieren, bis du eine vernünftige sinnvolle Lösung gefunden hast.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12R3, Pro Web 10, Web Client 

#14

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Das mit dem Checkout war ein Vorschlag von der IT Kanzlei Recht

"Aus diesem Grund empfehlen wir, das Label zentral und einheitlich für alle erwerbbaren Waren als Grafikdatei in hinreichender Größe erst im Bestellprozess (Warenkorb oder Checkout) einzubinden, anstatt es umständlich auf jeder Produktdetailseite zu platzieren."

 

#15

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

#16

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Hab mich durch die ganzen Gesetzestexte durchgeackert ( Nur Gewährleistung...nicht Garantie...die brauch ich nicht)

Also :

Rein muss die offizielle Grafik

 

sind Unternehmer verpflichtet, die Verbraucher auf das Bestehen eines gesetzlichen Gewährleistungsrechts hinzuweisen, bevor diese durch einen Vertrag oder ein entsprechendes Vertragsangebot gebunden sind.

Diese Informationen müssen den Verbrauchern unter Verwendung der in Artikel 22a Absätze 1 und 3 der Richtlinie 2011/83/EU genannten harmonisierten Mitteilung in hervorgehobener Weise zur Verfügung gestellt werden.

#17

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Ich hab mal probiert das Label in die Kontextspalte ( Design washington shop 12r3 ) zu packen.. das würde klappen aber es fehlt. Grafik vor dem Checkout

#18

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Ich würde deshalb die Lösung zweiteilig machen:

1. Kontextspalte: Dort bleibt dauerhaft der kleine Hinweis
„Ihre gesetzlichen Gewährleistungsrechte“
mit aufklappbarer Originalgrafik.

2. Unmittelbar vor dem Checkout: Dort brauchen wir eine zweite Ausgabe des Hinweises bzw. zumindest einen deutlich sichtbaren Link, der die Originalgrafik beim ersten Klick öffnet.

Der Vorteil: Wir müssen die Grafik nicht zweimal laden. Man könnte das Script so erweitern, dass es erkennt, ob sich der Besucher auf einer Warenkorb-/Bestellseite befindet, und dort automatisch einen zweiten Hinweis direkt im Hauptbereich einfügt.

Technisch etwa nach diesem Prinzip:

<script>
document.addEventListener("DOMContentLoaded", function () {

  /*
   * SIQUANDO EU-Gewährleistungshinweis
   * Zusatzanzeige im Checkout
   */

  var checkout = document.querySelector(
    '#checkout, .checkout, .basket, .cart, form[action*="shop"]'
  );

  if (!checkout) {
    return;
  }

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

  notice.className = 'sq-eu-checkout-notice';

  notice.innerHTML =
    '<p><strong>Ihre gesetzlichen Gewährleistungsrechte</strong></p>' +
    '<p><a href="/eu-gewaehrleistung.html" target="_blank">' +
    'EU-Hinweis zur gesetzlichen Gewährleistung anzeigen' +
    '</a></p>';

  checkout.parentNode.insertBefore(notice, checkout);

});
</script>
#checkout, .checkout, .basket ...


ist momentan nur exemplarisch. Wir müssen herausfinden, wie Shop 12 R3 im Design Washington den Warenkorb und insbesondere die letzte Seite vor „zahlungspflichtig bestellen“ tatsächlich im HTML bezeichnet.

Dann können wir den Code so bauen, dass er gezielt unmittelbar vor dem Bestellbereich eingesetzt wird und nicht versehentlich an einer falschen Stelle erscheint.

Das wäre meiner Ansicht nach sogar die eleganteste Nachrüstlösung für Shop 10/11/12:

 


viele Grüsse René

#19

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

@Marjorie, habe jetzt den von Dir angegebenen Button verwendet hoffe habe dies richtig verstanden


viele Grüsse René

#20

W2D Fan

Co-Administratorin  (5071 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Prima, jetzt ist richtig. Danke.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#21

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Im Quelltext welchen ich soeben erhalten habe ist die Struktur eindeutig: Die Seite ist s2dsummary.php, enthält das Formular der Zusammenfassung und ganz am Ende innerhalb dieses Formulars den Button „Bezahlpflichtig bestellen“.

Damit brauchen wir keine unsicheren Vermutungen über .checkout oder .basket mehr.

Der ideale Anker ist vorhanden

Der Bestellbutton lautet:

<button type="submit" class="sqrshopbutton sqrbuttonright">
  <span>Bezahlpflichtig bestellen</span>
</button>

Damit können wir per JavaScript gezielt erkennen:

Befinden wir uns auf der Abschlussseite und gibt es den finalen Submit-Button?

Wenn ja, wird unmittelbar vor dem Bereich mit dem Bestellbutton der Gewährleistungshinweis eingefügt.

Ich würde den Checkout-Teil deshalb so schreiben:

<script>
document.addEventListener("DOMContentLoaded", function () {

  /* =====================================================
    EU-Gewährleistungshinweis
    Zusatzanzeige auf SIQUANDO Abschlussseite
    Shop 10 / 11 / 12
    ===================================================== */

  var forms = document.querySelectorAll("form");

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

    var submitButton =
      forms[i].querySelector('button[type="submit"].sqrshopbutton');

    if (!submitButton) {
      continue;
    }

    var buttonText =
      submitButton.textContent ||
      submitButton.innerText ||
      "";

    /*
     * Nur auf der endgültigen Bestellseite ausführen.
     */
    if (
      buttonText.indexOf("Bezahlpflichtig bestellen") === -1 &&
      buttonText.indexOf("Zahlungspflichtig bestellen") === -1 &&
      buttonText.indexOf("Kaufen") === -1
    ) {
      continue;
    }

    /*
     * Doppelte Einfügung verhindern.
     */
    if (document.getElementById("sq-eu-checkout-guarantee")) {
      return;
    }

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

    box.id = "sq-eu-checkout-guarantee";
    box.className = "sqrpara";

    box.innerHTML =
      '<div class="sqrparabox">' +

      '<p style="text-align:center;">' +
      '<strong>Ihre gesetzlichen Gewährleistungsrechte</strong>' +
      '</p>' +

      '<p style="text-align:center;">' +

      '<a href="https://europa.eu/youreurope/garantien" ' +
      'target="_blank" rel="noopener noreferrer">' +

      '<img src="/images/eu-gewaehrleistung-de.svg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten" ' +
      'style="display:block;width:100%;max-width:750px;' +
      'height:auto;margin:15px auto;border:0;">' +

      '</a>' +

      '</p>' +

      '</div>';

    /*
     * Den kompletten SIQUANDO-Absatz mit dem
     * Bestellbutton ermitteln.
     */
    var buttonArea = submitButton;

    while (
      buttonArea &&
      !buttonArea.classList.contains("sqrpara")
    ) {
      buttonArea = buttonArea.parentNode;
    }

    if (buttonArea && buttonArea.parentNode) {

      buttonArea.parentNode.insertBefore(
        box,
        buttonArea
      );

    }

    return;
  }

});
</script>

Das Entscheidende daran

Bei der an mich gelieferten (gesandten) Abschlussseite würde daraus:

Bestelldetails

Warenkorb / Endsumme

 

Ihre gesetzlichen Gewährleistungsrechte

[offizielle EU-Grafik]

 

Bezahlpflichtig bestellen

Das ist genau die Position, die wir gesucht haben.

Und wir können sie anhand deines Quelltexts technisch eindeutig bestimmen, weil Warenkorb, Endsumme und anschließend der eigene sqrpara-Block mit dem finalen Submit-Button innerhalb desselben Bestellformulars vorhanden sind.

Noch besser: unabhängig von s2dsummary.php

Ich würde absichtlich nicht nur die URL abfragen:

location.pathname.indexOf("s2dsummary.php")


sondern den tatsächlichen Bestellbutton erkennen.

Das macht die Lösung robuster, falls Shop 10 oder 11 eine etwas andere URL verwendet.

Auch die drei Texte

Bezahlpflichtig bestellen
Zahlungspflichtig bestellen
Kaufen

Fertiger Versuch für Shop / Washington

Diesen Code kannst du dort einsetzen, wo dein bisheriger Code in der Kontextspalte funktioniert. Wichtig ist nur, dass SIQUANDO diesen Code auch auf der Abschlussseite mit ausliefert.

<!-- ==========================================================
   EU-GEWÄHRLEISTUNGSHINWEIS
   SIQUANDO SHOP 12 R3 – DESIGN WASHINGTON

   Zusatzanzeige auf der Bestell-Abschlussseite
   ========================================================== -->

<style>

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

#sq-eu-checkout-title {
  margin: 0 0 12px 0;
  font-weight: bold;
  font-size: 16px;
}

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

</style>


<script>
document.addEventListener("DOMContentLoaded", function () {

  /*
   * Finalen SIQUANDO-Bestellbutton suchen
   */
  var buttons =
    document.querySelectorAll('button[type="submit"].sqrshopbutton');

  var orderButton = null;

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

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

    if (
      text.indexOf("Bezahlpflichtig bestellen") !== -1 ||
      text.indexOf("Zahlungspflichtig bestellen") !== -1
    ) {
      orderButton = buttons[i];
      break;
    }
  }

  /*
   * Kein finaler Bestellbutton:
   * Dann befinden wir uns nicht auf der Abschlussseite.
   */
  if (!orderButton) {
    return;
  }

  /*
   * Doppelte Anzeige verhindern
   */
  if (document.getElementById("sq-eu-checkout")) {
    return;
  }

  /*
   * Den SIQUANDO-Absatz ermitteln,
   * in dem der Bestellbutton steht.
   */
  var buttonArea = orderButton;

  while (
    buttonArea &&
    buttonArea !== document.body &&
    !buttonArea.classList.contains("sqrpara")
  ) {
    buttonArea = buttonArea.parentNode;
  }

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

  /*
   * EU-Hinweis erzeugen
   */
  var notice = document.createElement("div");

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

  notice.innerHTML =
    '<div id="sq-eu-checkout-title">' +
    'Ihre gesetzlichen Gewährleistungsrechte' +
    '</div>' +

    '<a href="https://europa.eu/youreurope/garantien" ' +
    'target="_blank" rel="noopener noreferrer">' +

    '<img src="/images/eu-gewaehrleistung-de.svg" ' +
    'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

    '</a>';

  /*
   * Direkt VOR den SIQUANDO-Absatz mit
   * "Bezahlpflichtig bestellen" einsetzen.
   */
  buttonArea.parentNode.insertBefore(
    notice,
    buttonArea
  );

});
</script>

Was damit konkret passiert

Das Script macht auf normalen Seiten zunächst gar nichts. Es sucht ausschließlich nach dem finalen SIQUANDO-Bestellbutton.

Auf der von dir gelieferten Abschlussseite findet es:

<button type="submit"
    class="sqrshopbutton sqrbuttonright">
  <span>Bezahlpflichtig bestellen</span>
</button>

---------------------------------------
Bestelldetails
---------------------------------------

Grosser Fliegenpilz 32,00 EUR

Versand 4,99 EUR
Endsumme 36,99 EUR


---------------------------------------
IHRE GESETZLICHEN
GEWÄHRLEISTUNGSRECHTE

[ vollständige offizielle EU-Grafik ]
---------------------------------------


[ Zurück ] [ Bezahlpflichtig bestellen ]

Ein Problem bleibt

Wenn SIQUANDO die Kontextspalte auf s2dsummary.php überhaupt nicht erzeugt, wird natürlich auch ein Script, das nur in dieser Kontextspalte steckt, dort nicht ausgeführt.

Das ist jetzt eigentlich die letzte technische Frage.

Wenn wir von diesem Shop auch noch den Quelltext einer normalen Seite mit dem von umsteiger bereits in die Kontextspalte gesetzten Label/HTML-Clip hätten, können die beide Quelltexte vergleichen werden. Dann sehen wir, wo SIQUANDO den Kontextspalten-Code tatsächlich einbaut und ob wir daraus einen globalen Einfügepunkt für Washington ableiten können.

Wichtiger Hinweis vorab

Alles, was ich hier zur Einbindung des neuen EU-Gewährleistungshinweises in SIQUANDO Shop 10, 11 oder 12 veröffentliche, ist lediglich ein Versuch, mit Unterstützung von ChatGPT eine möglichst einfache technische Lösung für ältere Shop-Versionen zu finden.

Ich selbst besitze diese SIQUANDO-Versionen nicht und konnte die hier veröffentlichten Scripts daher nicht selbst testen. Ich kann deshalb weder gewährleisten, dass sie in jeder Shop-Version, jedem Design oder jeder individuellen Konfiguration technisch einwandfrei funktionieren, noch dass dadurch sämtliche gesetzlichen Anforderungen erfüllt werden.

Die vorgeschlagenen Lösungen wurden ebenfalls nicht juristisch geprüft und stellen keine Rechtsberatung dar. Jeder Shopbetreiber ist selbst dafür verantwortlich, zu prüfen, welche gesetzlichen Anforderungen für seinen Shop gelten und ob die jeweilige Umsetzung diesen Anforderungen entspricht.

Mein Gedanke dahinter ist eigentlich ganz einfach: Gerade kleine und kleinste Onlineshops sollen vielleicht die Möglichkeit haben, notwendige Anpassungen mit überschaubarem Aufwand selbst vorzunehmen, anstatt für jede neue gesetzliche Vorgabe sofort kostenpflichtige Software-Upgrades, Erweiterungen oder externe Dienstleistungen in Anspruch nehmen zu müssen.

Und neue bzw. geänderte gesetzliche Anforderungen für Onlineshops gibt es inzwischen wahrlich oft genug.

Wer die hier veröffentlichten Lösungen ausprobiert, tut dies daher auf eigene Verantwortung. Über Rückmeldungen, ob und in welchen SIQUANDO-Versionen bzw. Designs die Scripts funktionieren, würde ich mich freuen. So können wir die Lösung gemeinsam verbessern.

Es geht hier ausdrücklich nicht darum, eine „rechtssichere Komplettlösung“ zu versprechen, sondern lediglich darum, eine mögliche technische Hilfestellung für kleinere Shops zur Verfügung zu stellen.

 


viele Grüsse René

#22

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Warum mache ich mir diese Arbeit eigentlich?

Vielleicht fragt sich der eine oder andere, warum ich überhaupt versuche, solche Lösungen mit Unterstützung von ChatGPT zu erarbeiten und hier im Forum zur Verfügung zu stellen.

Ich bin seit vielen Jahren SIQUANDO-Kunde und habe meine Software regelmässig auf die jeweils neueren Versionen aktualisiert. Dafür sind über die Jahre natürlich auch einige Euro zusammengekommen.

Mit dem Kauf dieser Updates habe ich persönlich nicht nur neue Funktionen verbunden, sondern auch die Erwartung, bei technischen Problemen eine entsprechende Unterstützung durch den Hersteller zu erhalten.

Meine persönliche Erfahrung sieht seit einiger Zeit leider anders aus.

Bei mehreren von mir gemeldeten Problemen bzw. offenen Supportfällen habe ich teilweise über einen längeren Zeitraum keine für mich weiterführende Antwort erhalten. Einige dieser Fälle sind nach meinem Kenntnisstand bis heute offen.

Umso dankbarer bin ich den hilfsbereiten Anwendern hier im Forum. Verschiedene Probleme, bei denen ich selbst nicht mehr weiterkam, konnten letztlich mit Unterstützung anderer Forumsmitglieder gelöst oder zumindest eingegrenzt werden.

Seit inzwischen leistungsfähige KI-Systeme zur Verfügung stehen, nutze ich zusätzlich auch ChatGPT, um technische Zusammenhänge besser zu verstehen und nach möglichen Lösungswegen zu suchen. Interessanterweise konnte ich damit bereits bei einigen Problemen Lösungsansätze finden, zu denen meine entsprechenden Supportanfragen nach meinem Kenntnisstand weiterhin offen sind.

Genau daraus ist auch die Idee entstanden, bei den neuen EU-Anforderungen einmal zu versuchen, ob sich für ältere SIQUANDO-Shop-Versionen mit vertretbarem Aufwand eine technische Hilfestellung erstellen lässt.

Dabei geht es mir weder darum, SIQUANDO schlechtzureden, noch darum, die Arbeit professioneller Programmierer oder Rechtsberater zu ersetzen. Es geht schlicht darum, das Wissen und die Möglichkeiten, die heute zur Verfügung stehen, miteinander zu nutzen.

Wenn dadurch vielleicht der eine oder andere Betreiber eines kleinen oder kleinsten Onlineshops eine notwendige Anpassung selbst vornehmen und einige Euro sparen kann, hat sich der Aufwand aus meiner Sicht bereits gelohnt.

Wichtig bleibt: Die von mir mit Unterstützung von ChatGPT erstellten Scripts konnte ich mangels entsprechender SIQUANDO-Versionen nicht selbst testen. Sie wurden auch nicht juristisch geprüft. Es handelt sich daher ausdrücklich um mögliche technische Lösungsansätze und nicht um eine Garantie für deren Funktionsfähigkeit oder rechtliche Konformität.

Wer sie verwendet, sollte die Funktion im eigenen Shop sorgfältig testen und selbst prüfen, ob die konkrete Umsetzung den für ihn geltenden gesetzlichen Anforderungen entspricht.


viele Grüsse René

#23

umsteiger

Eroberer  (76 Punkte)  ·   weiblich  ·   Deutschland  ·   Nachricht senden

Ach Ihr beide seid einfach Computerschutzengel für minderbegabte Nutzer 😘

#24

alter

Forum-Sponsor  (1445 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.petrollampen-shop.ch

Ich würde jetzt nachdem auch die Seite zum Vergleich vorliegt diesen Checkout-Code verwenden

<style>

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

#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 () {

  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();

    /*
     * Nur den endgültigen Bestellbutton erkennen.
     */
    if (
      text !== "Bezahlpflichtig bestellen" &&
      text !== "Zahlungspflichtig bestellen"
    ) {
      continue;
    }

    /*
     * Doppelte Einfügung verhindern.
     */
    if (document.getElementById("sq-eu-checkout-notice")) {
      return;
    }

    /*
     * Den sqrpara-Bereich des Bestellbuttons suchen.
     */
    var buttonArea = buttons[i].closest(".sqrpara");

    if (!buttonArea) {
      return;
    }

    /*
     * Hinweis erzeugen.
     */
    var notice = document.createElement("div");

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

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

      '<a href="https://europa.eu/youreurope/garantien" ' +
      'target="_blank" rel="noopener noreferrer">' +

      '<img src="/images/eu-gewaehrleistung-de.svg" ' +
      'alt="EU-Hinweis zu den gesetzlichen Gewährleistungsrechten">' +

      '</a>';

    /*
     * Unmittelbar vor dem Bereich mit
     * "Bezahlpflichtig bestellen" einsetzen.
     */
    buttonArea.parentNode.insertBefore(
      notice,
      buttonArea
    );

    return;
  }

});
</script>

Mein Zwischenfazit für den Forumsversuch

Wir sind jetzt wesentlich weiter:

Das Label in der Kontextspalte kann bleiben. Dort erscheint es während des normalen Einkaufs.

Zusätzlich brauchen wir einen global ausgegebenen HTML-/JavaScript-Clip. Das Script bleibt auf normalen Seiten unsichtbar und setzt ausschließlich auf der Abschlussseite die EU-Grafik direkt vor „Bezahlpflichtig bestellen“.

Das ist technisch eine ziemlich saubere Konstruktion.

Nicht behaupten würde ich weiterhin, dass es damit bereits eine fertige Lösung für Shop 10, 11 und 12 ist. Belegt haben wir momentan nur die HTML-Struktur dieses konkreten / Washington-Beispiels. Und auch dort muss jemand noch testen, ob und über welchen SIQUANDO-Einfügepunkt sich das Script global auf die Abschlussseite bringen lässt.


viele Grüsse René

145 Aufrufe | 24 Beiträge