Liquid, JavaScript, Themes
Hallo allerseits,
ich richte gerade meinen Online-Shop ein und möchte das Logo ganz links und den Warenkorb- und Such-Icon ganz rechts dargestellt haben. Dazu finde ich allerdings keine Einstellung.
Momentan befinden sich die Abbildungen eher mittig, was nicht so gut aussieht. Ein Bild von der jetzigen Situation habe ich mal dargestellt:
Kennt jemand das Problem und weiß, wie man das beheben kann?
Vielleicht kann man die Breite der Seitenränder für das Header irgendwie anpassen.
MFG Löffler
Gelöst! Zur Lösung
Erfolg.
Hi Lloeffler,
vielen Dank für den Namen des Themes.
Ich habe in meinem Testshop selber einmal die Logopositionen fur Dawn 7.0.1 ausprobiert. Hier habe ich dort das Logo links positioniert. Verstehe ich deinen Wunsch richtig, dass du diesen Abstand hier verkleinern möchtest?
Dies kannst du im Themecode anpassen, wie ich in diesem kurzen Video einmal demonstriert habe.
Du passt also folgenden CSS-Code am Ende der base.css-Datei wie genau erwünscht an:
@media(min-width:990px){
body .header{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
Bevor du Code-Änderungen an deinem Shop vornimmst, also auch Apps installierst ist es immer ratsam vorher das eigene Theme zu duplizieren, damit du immer eine funktionierende Version deines Shopify Shops gespeichert hast.
Klappt das für dich?
Da du dich gerade mit dem Design deines Shopify Shops beschäftigst, dachte ich kannst du bestimmt auch von diesen Tips zum Thema profitieren.
Wie weit bist du mit der Fertigstellung deines Shops insgesamt und gibt es noch andere Dinge mit denne ich dir behilflich sein kann?
Kai | 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
Hi Lloeffler,
ich helfe dir gerne dabei einen Weg zu finden den Header deines Shopify Shops anzupassen.
Dazu müsste ich bitte einmal wissen welches Theme du benutzt? Wer dein Theme entwickelt hat und unterstützt siehst du so nach.
Ich freue mich auf deine Antwort,
Kai | 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.
Hi Lloeffler,
vielen Dank für den Namen des Themes.
Ich habe in meinem Testshop selber einmal die Logopositionen fur Dawn 7.0.1 ausprobiert. Hier habe ich dort das Logo links positioniert. Verstehe ich deinen Wunsch richtig, dass du diesen Abstand hier verkleinern möchtest?
Dies kannst du im Themecode anpassen, wie ich in diesem kurzen Video einmal demonstriert habe.
Du passt also folgenden CSS-Code am Ende der base.css-Datei wie genau erwünscht an:
@media(min-width:990px){
body .header{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
Bevor du Code-Änderungen an deinem Shop vornimmst, also auch Apps installierst ist es immer ratsam vorher das eigene Theme zu duplizieren, damit du immer eine funktionierende Version deines Shopify Shops gespeichert hast.
Klappt das für dich?
Da du dich gerade mit dem Design deines Shopify Shops beschäftigst, dachte ich kannst du bestimmt auch von diesen Tips zum Thema profitieren.
Wie weit bist du mit der Fertigstellung deines Shops insgesamt und gibt es noch andere Dinge mit denne ich dir behilflich sein kann?
Kai | 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
Hey,
wie kann ich die Änderung speichern? Bei mir setzt sich das ständig wieder zurück zu den ursprünglichen Einstellungen...
Vielen Dank schonmal im voraus
Hi @erasestudios,
sobald du Anpassungen an deinem Theme(code) vornimmst wird ein Knopf zum speichern der Änderungen auswählbar:
Im Anschluss solltest du dann noch die Cookies löschen, damit dir auch definitiv die neue Version deines Shopify Shops angezeigt wird.
Klappt das für dich?
Da du dich gerade mit dem Design deines Shopify Shops beschäftigst, dachte ich kannst du bestimmt auch von diesen Tips zum Thema profitieren, die erläutern, wie man einen super Shopify Shop erstellt. Welcher dieser Tipps würdest du selber gerne umsetzen?
Kai | 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 Kai,
ich finde den von dir vorgeschlagenen CSS-Code am Ende der base.css-Datei nicht, kannst du mir weiterhelfen?
Beste Dank und Grüsse
Hey @TeddyTami
Da du ein anderes Theme verwendest wirst du die Theme Entwickler kontaktieren müssen. Die können dir am besten helfen.
Ansonsten siehe ein paar Threads zum Thema hier die dir hoffentlich weiterhelfen können.
VG,
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