Liquid, JavaScript, Themes
Hallo,
Ich wollte meinen Warenkorb aus dem Header entfernen, aber weis leider nicht wie. Ich denke dass ich es mit dem Code entfernen könnte, da ich alle Einstellungen durchschaut habe, und leider keine Möglichkeit gefunden habe ihn nur auszublenden. Jetzt würde ich mich sehr freuen, wenn mir jemand sagt wie ich auf den Code von dem Warenkorb zugreifen kann, und am besten noch wie ich den Warenkorb mit dem Code ausblenden/ entfernen kann.
Ich bedanke mich im voraus.
Gelöst! Zur Lösung
Erfolg.
Hey @LuisLADE
Das Entfernen des Warenkorb-Icons aus dem Header deines Shopify-Shops hängt vom verwendeten Theme ab und ich konnte deiner Frage nicht entnehmen um welches Theme es sich handelt. Es gibt jedoch allgemeine Schritte, die du befolgen kannst, um das Warenkorb-Icon aus dem Header zu entfernen.
Good News: wenn du ein Shopify Theme verwendest, können wir auch gewissen Dinge für dich im Theme einbauen. Siehe unsere Design Richtlinie dazu hier.
Wenn du es selber 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 negativ 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!
Je nach Theme kann der Code an verschiedenen Stellen sein, aber in der Regel findest du den Code im Header-Bereich. Dafür öffne die Datei header.liquid
oder theme.liquid
im Ordner "Sections" oder "Snippets".
Suche nach einem Code-Snippet, das den Warenkorb darstellt. Es könnte etwas ähnlich wie <a href="/cart">
oder <div class="cart-icon">
sein. Um es auszublenden, kannst du das gesamte Snippet entfernen oder es einfach auskommentieren, indem du es in Liquid-Kommentar-Tags einfügst, wie hier:
{% comment %}
Dein Warenkorb-Icon-Code
{% endcomment %}
Alternativ, wenn du es nur ausblenden und nicht entfernen möchtest, kannst du CSS verwenden. Du kannst direkt im CSS Editor innerhalb deinen Theme Editors etwas wie das Folgende hinzufügen:
.cart-icon {
display: none !important;
}
Ersetze .cart-icon
durch die tatsächliche Klasse oder ID, die in deinem Theme für das Warenkorb-Icon verwendet wird und speichere das. Beachte auch, dass das ganze allgemein ist und je nach Theme kann der genaue Prozess oder der Code unterschiedlich sein. Wenn du Schwierigkeiten hast, das Warenkorb-Icon in deinem spezifischen Theme zu finden oder auszublenden, kann es hilfreich sein, die Dokumentation deines Themes zu konsultieren oder einen Shopify-Experten um Hilfe zu bitten.
---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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 @LuisLADE
Das Entfernen des Warenkorb-Icons aus dem Header deines Shopify-Shops hängt vom verwendeten Theme ab und ich konnte deiner Frage nicht entnehmen um welches Theme es sich handelt. Es gibt jedoch allgemeine Schritte, die du befolgen kannst, um das Warenkorb-Icon aus dem Header zu entfernen.
Good News: wenn du ein Shopify Theme verwendest, können wir auch gewissen Dinge für dich im Theme einbauen. Siehe unsere Design Richtlinie dazu hier.
Wenn du es selber 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 negativ 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!
Je nach Theme kann der Code an verschiedenen Stellen sein, aber in der Regel findest du den Code im Header-Bereich. Dafür öffne die Datei header.liquid
oder theme.liquid
im Ordner "Sections" oder "Snippets".
Suche nach einem Code-Snippet, das den Warenkorb darstellt. Es könnte etwas ähnlich wie <a href="/cart">
oder <div class="cart-icon">
sein. Um es auszublenden, kannst du das gesamte Snippet entfernen oder es einfach auskommentieren, indem du es in Liquid-Kommentar-Tags einfügst, wie hier:
{% comment %}
Dein Warenkorb-Icon-Code
{% endcomment %}
Alternativ, wenn du es nur ausblenden und nicht entfernen möchtest, kannst du CSS verwenden. Du kannst direkt im CSS Editor innerhalb deinen Theme Editors etwas wie das Folgende hinzufügen:
.cart-icon {
display: none !important;
}
Ersetze .cart-icon
durch die tatsächliche Klasse oder ID, die in deinem Theme für das Warenkorb-Icon verwendet wird und speichere das. Beachte auch, dass das ganze allgemein ist und je nach Theme kann der genaue Prozess oder der Code unterschiedlich sein. Wenn du Schwierigkeiten hast, das Warenkorb-Icon in deinem spezifischen Theme zu finden oder auszublenden, kann es hilfreich sein, die Dokumentation deines Themes zu konsultieren oder einen Shopify-Experten um Hilfe zu bitten.
---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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