Neu "In den Warenkorb" - sehr lange Ladezeit

Schulfreund

Mitglied
4. Juni 2018
14
0
Hallo,
wenn man den "In den Warenkorb"-Button eines unserer Konfigurationsartikel klickt, dauert es über 10 Sekunden bis der Artikel dem Warenkorb hinzugefügt wurde. ( Unser Shop: https://shop.schulfreund.org/Kl-Test-Materialliste )
In den Template-Einstellungen habe ich die Komprimierung bereits aktiviert, geholfen hat es nicht.
Wie beschleunige ich diesen Prozess?
Vielen Dank für eure Hilfe
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.385
262
Sind wahrscheinlich zuviele Konfigurationsmöglichkeiten. Der Konfigurator prüft beim legen in den Warenkorb jede Komponente, ob diese überhaupt in ausreichender Menge vorrätig ist und sich diese tatsächlich in den Warenkorb legen lässt. Das ganze setzt eine entsprechende Abfrage gegen die Datenbank ab. In Deinem Fall, fällt diese Abfrage extrem umfangreich aus. Die Logik wirst Du nicht ändern können, daher würde maximal ein schnellerer Server oder gar die Auslagerung der DB Abhilfe schaffen. Zumindest wenn die Artikel so bleiben wie sie sind.

Für mich stellt sich die Frage, weshalb es überhaupt ein Konfiguratiosnartikel sein muss und nicht herkömmliche Einzelartikel die sich der Kunde zusammensucht? Aufgrund der Menge finde ich den Konfigurator an dieser Stelle auch sehr unübersichtlich.
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.635
1.581
Berlin
Das liegt an der Menge der Artikel, jeder einzelne wird geprüft, ob er in den WK gelegt werden kann, das kannst du nicht beschleunigen, es wird immer etwas langsamer sein.
Lass dir etwas bauen, dass dem Kunden begreiflich macht, dass er sich etwas gedulden muss, bespaße Ihn mit einem spinner oder ähnlichem.
 

Schulfreund

Mitglied
4. Juni 2018
14
0
Vielen Dank für die hilfreichen Antworten.
Leider besteht für uns nur die Möglichkeit es wie von css-umsetzung beschrieben umzusetzen.
Daher habe ich mich dran gemacht und versucht ein onclick overlay mit spinner einzubauen. Ich habe mich etwas umgesehen und folgenden Code gefunden. Allerdings habe ich leichte Probleme diesen einzubauen.

also beim button habe ich ein onclick="configAnim()"; eingefügt.

Dieses ruft folgenden Code ab:

<div id="animation_outer" class="evom_animation_hidden"><div id="animation_inner"><div id="evomanimation" style="transform: scale(0.5) rotate(180deg);"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div><div class="bar4"></div><div class="bar5"></div><div class="bar6"></div><div class="bar7"></div><div class="bar8"></div></div></div></div>

<div id="evomanimation" style="transform: scale(0.5) rotate(225deg);"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div><div class="bar4"></div><div class="bar5"></div><div class="bar6"></div><div class="bar7"></div><div class="bar8"></div></div>

und das Skript:

<script type="text/javascript">
function configAnim() {
$("#animation_outer").removeClass('evom_animation_hidden');
$("#animation_outer").addClass('evom_animation_activ');
}
$(document).ready(function(){
$("#animation_outer").addClass('evom_animation_hidden');
$("#animation_outer").removeClass('evom_animation_activ');
/*
$("button[name='inWarenkorb']").click(function(){
$("#animation_outer").removeClass('evom_animation_hidden');
$("#animation_outer").addClass('evom_animation_activ');
});
*/
var count = 0;
function rotate() {
var elem2 = document.getElementById('evomanimation');
elem2.style.MozTransform = 'scale(0.5) rotate('+count+'deg)';
elem2.style.WebkitTransform = 'scale(0.5) rotate('+count+'deg)';
if (count==360) { count = 0 }
count+=45;
window.setTimeout(rotate, 100);
}
window.setTimeout(rotate, 100);
});
</script>

Wenn ich diesen Code nun integriert habe und auf den Button klicke, öffnet sich das Overlay nicht. Allerdings kann ich mit den Entwicklertools sehen, dass der Code arbeitet. Liegt es daran, dass das Overlay einfach nicht sichtbar ist ? Bei der Seite auf der ich das gefunden habe funktioniert das ohne Probleme, allerdings ist da das "<div Animation_outer …." und das "<script ..." grau.

Falls das insgesamt nicht klappen sollte, wie viel würde eine Entwicklung ca. kosten? (Startup mit begrenztem Budget)
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.635
1.581
Berlin
Eventuell gehst du das alles zu kompliziert an.
Es würde ja reichen einen div container, fix positioniert zu aktivieren der top,left,bottom,right auf 0 hat, einen schwarzen Hintergrund besitzt der zu 80% transparent ist und als Hintergrundgrafik einen zentrierten spinner hat.

Viel mehr muss es ja eigentlich gar nicht sein.
 

Schulfreund

Mitglied
4. Juni 2018
14
0
Ok und wie genau setze ich das um?

1. onclick=??? in <button …?
2. <div …. wo genau deklarieren? --> in der Datei /productdetails/config.tpl oder in einer anderen?
3. irgend einen Spinner nehmen oder gibt's da was fertiges?

Danke für die freundliche Unterstützung.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu "Kaufen" statt in den Warenkorb Plugins für JTL-Shop 2
Neu Warenkorb Menge aktualisiert nicht den Preis (Reload geht nicht) JTL-Shop - Fehler und Bugs 5
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu Variablen für den Email Versand Einrichtung JTL-Shop5 0
Neu Variablen für Stücklistartikel in den neuen Vorlagen Angebot Auftrag Rechnung ect. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu klare Warnung vor den Bausteinen und der PDF in Vorlagen User helfen Usern - Fragen zu JTL-Wawi 4
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 5
Amazon FBA Bestellungen verlassen nicht den Pending Status Störungsmeldungen 1
Neu Funktionsattribut unverkäuflich wird nicht an den Shop übertragen Allgemeine Fragen zu JTL-Shop 1
Neu Ansprechpartner mit mehreren E-Mails Adressen in den Kunden User helfen Usern - Fragen zu JTL-Wawi 1
Verwiesen an Support wo finde ich die Logdatei von den Workflows JTL-Workflows - Fehler und Bugs 9
Neu Bestände der einzelnen Lager weichen von den reellen Beständen willkürlich ab JTL-Shop - Fehler und Bugs 7
Neu Käufersiegel in den Header Allgemeine Fragen zu JTL-Shop 1
Neu Druckvorlagen gesucht für Handelsrechnung und Zollinhaltserklärung für den Export User helfen Usern - Fragen zu JTL-Wawi 1
Neu Guthaben reduziert nicht den Auftragswert sondern wird als Zahlung angerechnet User helfen Usern - Fragen zu JTL-Wawi 2
Neu feldlänge bei bei den Kundendaten begrenzen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Versandart schon in der Übersicht ändern anstatt den ganzen Auftrag zu öffnen JTL-Wawi - Ideen, Lob und Kritik 0
Neu Template für Dateinamen hat nicht den gewünschten Effekt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 6
Neu Geschäftskundenpreise werden auf den Artikelseiten für jeden angezeigt JTL-Wawi - Fehler und Bugs 0
Neu Vaterartikel den günstigsten Preis der Kindervererben mittels Ameise und 0 ausschließen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Kein Abgleich möglich-PW in den Online Einstellungen falsch WooCommerce-Connector 0
Neu Rechnungsvorlage: Komme nicht an den Wert für kBestellStueckliste der Komponentenliste Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 5
Neu JTL-Connector übernimmt den Bestellstatus in Woocommerce nicht WooCommerce-Connector 2
Neu PayPal - Benachrichtungen über Zahlung -> EMail. Wo kann man den Betreff bearbeiten? User helfen Usern - Fragen zu JTL-Wawi 6
In Bearbeitung $discount$ Variable in den Tagesabschluss einfügen Allgemeine Fragen zu JTL-POS 3
Neu Lieferantenbestellung Exportvorlage mit Anpassungen an den Variablen klappt nicht User helfen Usern - Fragen zu JTL-Wawi 1
Neu Wawi läuft, aber ein Rechner hat den Pfad zur Datenbank verloren, Mandant kann nicht ausgewählt werden User helfen Usern - Fragen zu JTL-Wawi 3
Neu 5 verschiedene Artikel auf einen Lagerplatz buchen ohne nach jedem Artikel den Lagerplatz zu scannen Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 1
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
Neu Warenkorb per Link teilen Allgemeine Fragen zu JTL-Shop 6
Neu Versandkosten Berechnung im Warenkorb wird nicht aktualisiert JTL-Shop - Fehler und Bugs 1
Neu Warenkorb nach X Tagen löschen JTL-Shop - Ideen, Lob und Kritik 2
Neu OPC - productstream als Liste wir keine Warenkorb Button angezeigt Betrieb / Pflege von JTL-Shop 2
Neu Versandkosten im Warenkorb werden als Artikel angezeigt Allgemeine Fragen zu JTL-Shop 6
Anzeige der VPE neben "Warenkorb hinzufügen" Einrichtung JTL-Shop5 1
Neu Crosselling - Warenkorb Allgemeine Fragen zu JTL-Shop 10
Worker 2.0 Abgleich dauert sehr lange JTL-Wawi 1.7 7
Dashboard aktualisiert sich sehr langsam JTL-Wawi 1.8 7
In tlieferant sehr viele Lieferanten doppelt JTL-Wawi 1.6 2
Neu Sehr hohe CPU last durch DB Allgemeine Fragen zu JTL-Shop 5
Rechnungserstellung sehr umständlich - nur einzeln möglich JTL-Wawi 1.8 4

Ähnliche Themen