Hier das Beispiel Popup (HTML-Include) aus dem Video:
<div id=cs_dark_matter class='animated fadeIn'><div id=cs_layer class='animated slideInDown'><div id=cs_header><span>Ihr persönlicher</span><h1>20% Gutschein auf alles!</h1><span>wurde in den Warenkorb gelegt.</span><div id=wk_layer_unten><a class='button' id=weitersh >OK</a><!--<a class='button' href='Warenkorb.html'>Zum Warenkorb</a>--></div>
<!--<img src=https://cdn.powergap.de/20p.png width=80%>--></div><div style="padding:5px;" id='cs_unten_cs'></div></div></div>
<script>
var jq1test = window.setInterval(function(){ if(typeof $ != 'undefined'){ window.clearInterval(jq1test);
$("#cs_dark_matter,#weitersh").on('click', function(evt) {
if (!evt) evt = window.event;
var tgt = evt.target || evt.srcElement;
if ($(tgt).is("#cs_dark_matter,#weitersh,#weitersh>*")) {
$("#cs_dark_matter").removeClass('fadeIn').addClass('fadeOut');
$("#cs_layer").removeClass('slideInDown').addClass('slideOutUp');
window.setTimeout(function () { $("#cs_dark_matter").remove(); }, 50)} });
}
},10);
</script>
<!--<img src=https://cdn.powergap.de/20p.png width=80%>--></div><div style="padding:5px;" id='cs_unten_cs'></div></div></div>
<script>
var jq1test = window.setInterval(function(){ if(typeof $ != 'undefined'){ window.clearInterval(jq1test);
$("#cs_dark_matter,#weitersh").on('click', function(evt) {
if (!evt) evt = window.event;
var tgt = evt.target || evt.srcElement;
if ($(tgt).is("#cs_dark_matter,#weitersh,#weitersh>*")) {
$("#cs_dark_matter").removeClass('fadeIn').addClass('fadeOut');
$("#cs_layer").removeClass('slideInDown').addClass('slideOutUp');
window.setTimeout(function () { $("#cs_dark_matter").remove(); }, 50)} });
}
},10);
</script>
Wer hier etwas eigenes, bzw. Spezielles entwickelt benötigt, möge bitte auf uns zukommen.
Hatte auch versäumt im Video zu zeigen, wie ich die Grafik erstellt habe.
Hatte auf chat.openai.com mithillfe von GTP-4 (DALL E) diesen Text eingegeben:
A 16:9 picture. The background is an artistic underwater world. Colorful corals everywhere and different shoes are displayed on all the corals. Skeakers, pumps, high-heels, men's shoes etc.. On the floor is written "20%" in 3D letters.
Aktuell zahlt man ja 20$ im Monat um, diese besseren Versionen nutzen zu können.
Ich habe 30 Sekunden für den Text gebraucht. Übrigens englische Eingaben funktionieren gefühlt besser als in Deutsch. Und diese Grafik kam beim wirklich allerersten Versuch. Unglaublilch oder?
Einzig was noch nicht gut ist, ist die Komprimierung. Die KI macht da PNGs draus, was ja bekanntlich bei Fotos solcher Art nicht das optimale Dateiformat ist. Sprich, besser noch mal 20 Sekunden in die Umwandlung in komprimiertes JPEG investieren.
Jedenfalls sind genau das Ansatzpunkte, wo KI für einen Onlinehändler eine wertvolle Hilfe und Zeitersparnis ist.