Liquid, JavaScript, Themes
Hallo Community
Ich möchte oben rechts ein Such Icon hinzufügen. Hab versucht mit einer App, aber es wir nie ein Suchfeld / Icon oben rechts angezeigt, somit hab ich die App wieder desintalliert. Mein Theme ist Solodrop. Im Theme Code hab ich folgendes gefunden:
Evtl. hat jemand von euch eine Idee wie es angezeigen lassen kann?
Gelöst! Zur Lösung
Erfolg.
Hey @Gab81
Dafür musst du eine <div> class finden und ändern -> je nach Theme (alle Themes sind verschieden). Tipp: das immer in einer Themekopie vorher testen und NICHT im Live theme.
Bei weiteren Fragen bitte einen Experten konsultieren (gerne kann ich welche empfehlen):
Dann kannst du ein Code im theme.css
ganz unten ergänzen, aber das ist, wie gesagt, Theme anhängig. Ein Experte kann das für dich machen gegen eine Spende:
.header-icons{
display: flex;
flex-direction: row;
}
.header-icons > .nav-item.nav-item-fixed.nav-account-link{ order: 2; }
.header-icons > .nav-item.searchToggle.js-searchToggle{ order: 1; }
.header-icons > .nav-item.nav-item-fixed.js-cartToggle{ order: 3; }
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!
2022 wird dein Jahr! Haltet Abstand und bleibt Gesund.
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 @Gab81
Dafür musst du eine <div> class finden und ändern -> je nach Theme (alle Themes sind verschieden). Tipp: das immer in einer Themekopie vorher testen und NICHT im Live theme.
Bei weiteren Fragen bitte einen Experten konsultieren (gerne kann ich welche empfehlen):
Dann kannst du ein Code im theme.css
ganz unten ergänzen, aber das ist, wie gesagt, Theme anhängig. Ein Experte kann das für dich machen gegen eine Spende:
.header-icons{
display: flex;
flex-direction: row;
}
.header-icons > .nav-item.nav-item-fixed.nav-account-link{ order: 2; }
.header-icons > .nav-item.searchToggle.js-searchToggle{ order: 1; }
.header-icons > .nav-item.nav-item-fixed.js-cartToggle{ order: 3; }
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!
2022 wird dein Jahr! Haltet Abstand und bleibt Gesund.
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