Shopify-Themes, Liquid, Logos und ähnliche Themen
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.
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024