FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Lade-Animation für allen Buttons

Lade-Animation für allen Buttons

pureluxe
Tourist
9 1 1

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

Screenshot 2024-11-07 at 14.35.13.png

 

2 ANTWORTEN 2

Nordalux
Shopify Partner
496 50 94

Um sowas umzusetzen, kannst du das mit CSS, JS oder einer Kombination von beiden umsetzen.

Tobias von Nordalux

Webseite: nordalux.de
Unsere Kernkompetenzen: Coding - Conversionoptimierung - Individualberatungen
pureluxe
Tourist
9 1 1

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.