Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo!
Ich würde gerne für mein Shop-Update (https://v9dsdy79sofj0p9e-53047066783.shopifypreview.com) die Abstände bei der mobilen Ansicht etwas anpassen. Zum Einen zwischen den Überschriften und den zugehörigen Elementen und zum Anderen zwischen den einzelnen Abschnitten. Vor allem bei dem "Bekannt aus"-Abschnitt sind die sehr groß.
Vielen Dank für Eure Hilfe!
Nils
Gelöst! Zur Lösung
Erfolg.
@Nils_MOOT dazu müsstest du über dem Code-Editor des Themes in die css-variables.liquid gehen und den Wert bei "--gutter" den gewünschten Wert anpassen (bsp. von 60px auf 20px).
Allerdings muss man bedenken, dass die Variable "--gutter" an unterschiedlichsten Stellen und auch in der Desktop-Ansicht verwendet wird. Daher kann sich das auch auf andere Elemente auswirken.
Ich bin mir nicht sicher, ob man lieber einen eigenen Wert für die mobile Ansicht erstellt und den jeweiligen Sektionen zuordnet. Ist zunächst mehr Aufwand, wirkt sich aber nicht auf andere Elemente aus, die aktuell gut aussehen.
Wie sind denn deine HTML/CSS-Kenntnisse?
Erfolg.
Hi Nils_MOOT,
es freut mich sehr zu hören, dass Finers Vorschlag dir bereits weiterhelfen konnte.
Ich wollte nur noch ein paar Dinge verlinken.
Zum einen die Themekopie, damit du immer eine funktionierende Version deines Shopify Shops gesichert hast, für den Fall der Fälle.
Dasselbe kannst du übrigens auch für deine Produkte, Bestellungen, Kundenlisten und Rechnungen tun.
Zum anderen kannst du bei Themefragen auch immer die Themedesigner kontaktieren, deren Kontaktdaten du auf der Themeseite in unserem Themestore findest:
Du kannst hier im Forum fragen oder einen Shopify Experten einstellen.
Was für Produkte verkaufst du über deinen Shopify Shop, wer ist deine Zielgruppe und wie erreichst du die?
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.
@Nils_MOOT dazu müsstest du über dem Code-Editor des Themes in die css-variables.liquid gehen und den Wert bei "--gutter" den gewünschten Wert anpassen (bsp. von 60px auf 20px).
Allerdings muss man bedenken, dass die Variable "--gutter" an unterschiedlichsten Stellen und auch in der Desktop-Ansicht verwendet wird. Daher kann sich das auch auf andere Elemente auswirken.
Ich bin mir nicht sicher, ob man lieber einen eigenen Wert für die mobile Ansicht erstellt und den jeweiligen Sektionen zuordnet. Ist zunächst mehr Aufwand, wirkt sich aber nicht auf andere Elemente aus, die aktuell gut aussehen.
Wie sind denn deine HTML/CSS-Kenntnisse?
Hey @Finer! Danke Dir! Mit 30px passt das insgesamt mobil und am Desktop ganz gut. Weißt Du zufällig noch, wie ich den "Bekannt aus"-Text kleiner mache? Der lässt sich über die Theme-Einstellungen leider nicht anpassen, da er weder auf Heading, noch Subheading oder Body reagiert.
Vielen Dank Dir!
Nils
@Nils_MOOT dazu kannst du in der theme.css ganz am Ende folgendes Eintragen:
/* Changes Font Size of Press Section */
.press__item p {
font-size: 10px; <-- Diesen Wert musst du anpassen
}
Sollte das nicht greifen, müsste man ggf. in der theme.dev.css das noch einfügen. Aber probier es erst mal so aus.
Ganz wichtig: Mach das am besten in einer Sicherheitskopie des aktuellen Themes!
Super, das klappt! Tausend Dank Dir 🙂
Hey Finer, danke für deine Hilfe! Kann ich da nochmal was nachfragen? Ich suche im Code-Editor nach diesen css.variables.liquid, aber kann es nicht finden. Ich benutzt ein Standard Theme von Shopify, aber dort ist nichts von diesem ..liquid. Kannst du eventuell nochmal per Bild zeigen, wo er sich befindet und vielleicht, ob es hierfür eine andere Bezeichnung gibt? Auf eine Antwort freue ich mich sehr! MfG
Erfolg.
Hi Nils_MOOT,
es freut mich sehr zu hören, dass Finers Vorschlag dir bereits weiterhelfen konnte.
Ich wollte nur noch ein paar Dinge verlinken.
Zum einen die Themekopie, damit du immer eine funktionierende Version deines Shopify Shops gesichert hast, für den Fall der Fälle.
Dasselbe kannst du übrigens auch für deine Produkte, Bestellungen, Kundenlisten und Rechnungen tun.
Zum anderen kannst du bei Themefragen auch immer die Themedesigner kontaktieren, deren Kontaktdaten du auf der Themeseite in unserem Themestore findest:
Du kannst hier im Forum fragen oder einen Shopify Experten einstellen.
Was für Produkte verkaufst du über deinen Shopify Shop, wer ist deine Zielgruppe und wie erreichst du die?
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
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