Liquid, JavaScript, Themes
Hallo zusammen,
ich würde gerne im Dawn Theme Version 6.0.2 die Lupenfunktion bei der Produktansicht entfernen.
Kann mir da jemand weiterhelfen?
Viele Grüße
Gelöst! Zur Lösung
Erfolg.
Hey @Anton030
Danke für die Frage und du möchtest also den Bilder Zoom Feature auf der Produktseite des Dawn Themes entfernen. Die von Shopify entwickelten Themes bieten eine von zwei Arten von Zoom-Funktionen. Die eine ist die Standardvergrößerungsfunktion, bei der ein Ausschnitt des Bildes unter der Maus vergrößert wird. Die andere ist eine Lightbox-Funktion, bei der das Bild in einem Fenster über der Produktseite geöffnet wird und eine Diashow-Funktion zum Wechseln zwischen den Bildern und ein "X" zum Schließen des Lightbox-Fensters enthalten kann.
Normalerweise kann das Shopify Theme Team bei kleineren Anpassungen in Shopify Themes helfen als Teil deiner 60-Min Design Time dennoch ist das Hinzufügen oder Ersetzen von Zoom-Funktionen nicht eine unterstützte Theme-Anpassung, da sie für "Barrierefreiheiten" benötigt wird, aber auch dafür bekannt ist, dass sie die Verkäufe erhöhen kann (wird in Untersuchungen mit A/B Split-Testing bestätigt - das kann man auch ganz leicht selber testen, wie man hier lesen kann).
Code Anpassungen?
Du kannst das aber auch selber machen wenn du dich mit dem Liquid Code auskennst und das folgende rate ich zuerst in einer Themekopie zu machen. Weisst du wie du eine Themekopie erstellst?
Füge ganz unten in der Themekopie den folgenden Code in die Assets->/section-main-product.css
:
.product__media-toggle {display: none !important;}
.product__modal-opener .product__media-icon {display: none !important;}
Oder eben im theme.liquid
innerhalb der <body>
Tags:
<style>
.product__media-icon.motion-reduce,
.product__media-toggle{
display: none !important
}
</style>
Lass wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!
Wir führen gerade eine kurze Umfrage zu Eurer Erfahrung in der Community durch mit 5 kurzen Fragen. Wenn Du mal 2-Min Zeit hast - die Umfrage ist auch anonym:
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
Erfolg.
Hey @Anton030
Danke für die Frage und du möchtest also den Bilder Zoom Feature auf der Produktseite des Dawn Themes entfernen. Die von Shopify entwickelten Themes bieten eine von zwei Arten von Zoom-Funktionen. Die eine ist die Standardvergrößerungsfunktion, bei der ein Ausschnitt des Bildes unter der Maus vergrößert wird. Die andere ist eine Lightbox-Funktion, bei der das Bild in einem Fenster über der Produktseite geöffnet wird und eine Diashow-Funktion zum Wechseln zwischen den Bildern und ein "X" zum Schließen des Lightbox-Fensters enthalten kann.
Normalerweise kann das Shopify Theme Team bei kleineren Anpassungen in Shopify Themes helfen als Teil deiner 60-Min Design Time dennoch ist das Hinzufügen oder Ersetzen von Zoom-Funktionen nicht eine unterstützte Theme-Anpassung, da sie für "Barrierefreiheiten" benötigt wird, aber auch dafür bekannt ist, dass sie die Verkäufe erhöhen kann (wird in Untersuchungen mit A/B Split-Testing bestätigt - das kann man auch ganz leicht selber testen, wie man hier lesen kann).
Code Anpassungen?
Du kannst das aber auch selber machen wenn du dich mit dem Liquid Code auskennst und das folgende rate ich zuerst in einer Themekopie zu machen. Weisst du wie du eine Themekopie erstellst?
Füge ganz unten in der Themekopie den folgenden Code in die Assets->/section-main-product.css
:
.product__media-toggle {display: none !important;}
.product__modal-opener .product__media-icon {display: none !important;}
Oder eben im theme.liquid
innerhalb der <body>
Tags:
<style>
.product__media-icon.motion-reduce,
.product__media-toggle{
display: none !important
}
</style>
Lass wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!
Wir führen gerade eine kurze Umfrage zu Eurer Erfahrung in der Community durch mit 5 kurzen Fragen. Wenn Du mal 2-Min Zeit hast - die Umfrage ist auch anonym:
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
Hallo Gabe,
vielen Dank für deine ausführliche Antwort.
Der erste Code hat mein Problem gelöst, vielen Dank!
Viele Grüße
Anton
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 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, 2024Du willst also das Dropshipping betreiben, da du einen Shop starten möchtest, ohne selb...
By Gabe Jul 10, 2024