Ich möchte eine Lade-Animation einbauen, besonders für diesen Button hier, da manchmal die Ladezeit länger als normal ist.
Website: pureluxe.at | Theme: Trade
Um sowas umzusetzen, kannst du das mit CSS, JS oder einer Kombination von beiden umsetzen.
Mit Hilfe von https://codepen.io/gbopola/pen/poZLrXj, habe ich’s geschafft, den CSS Teil zu integrieren. Leider habe ich ein Problem, den JS Teil hinzufügen:
const btn = document.getElementById(“btn”);
btn.addEventListener(‘click’, () => {
// Show loader on button click
btn.classList.add(“loading”);
// Hide loader after 3 seconds
setTimeout(() => btn.classList.remove(“loading”), 3000);
});
Ich habe versucht, diesen Abschnitt in cart.json einzufügen, aber glaube nicht, dass ichs richtig mache.