Liquid, JavaScript, Themes
Hallo Zusammen,
ich habe über Shopify ein Produktvideo hochgeladen. Leider ist autoamtisch der Ton ausgeschaltet sobald man das video startet und man müsste ihn manuell einschalten. Da viele Kunden das wahrscheinlich nicht machen und der Ton sehr wichtig ist, wollte ich gerne wissen wie er standardmäßig an ist.
Ich benutze das Dawn theme.
Über eine schnelle Hilfe wäre ich sehr dankbar!
LG
Gio
Hey @Gio47
Danke für die Angaben und die automatische Stummschaltung von Videos ist derzeit eine voreingestellte Funktion, insbesondere in den neueren Themes wie Dawn. Dies ist in der Regel eine Praxis, die im Einklang mit den Best Practices des UX Webdesigns steht, um die UX deiner User zu verbessern. Es ist jedoch verständlich, dass du im speziellen Fall den Ton automatisch einschalten möchtest da er sehr wichtig ist.
Leider hat Shopify nicht die eingebaute Option, den Ton standardmäßig einzuschalten. Man muss in der Regel eine benutzerdefinierte Lösung mit Hilfe von JavaScript oder einer Drittanbieter-App implementieren, um dies zu erreichen.
Wenn du es selber auf deiner Seite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Hier ist ein einfacher Beispielcode, den man verwenden könnte und er setzt voraus, dass dein Video-Tag eine ID hat. Teste diesen Code in einer Theme Kopie im theme.js
oder theme.liquid
, wo der notwendige JavaScript gespeichert ist:
document.addEventListener("DOMContentLoaded", function() {
var video = document.getElementById("IhrVideoTagID");
video.muted = false;
});
Ersetze IhrVideoTagID
durch die ID des Video-Tags. Beachte auch, dass die automatische Wiedergabe des Videos mit Ton auf einigen Plattformen (wie iOS-Geräten) möglicherweise immer noch gesperrt ist, da dies durch die Richtlinien des Browsers / Betriebssystems selbst eingeschränkt ist. Es ist immer eine gute Praxis, es auf verschiedene Plattformen und Browser zu testen, um sicherzustellen, dass es wie erwartet funktioniert.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
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