Liquid, JavaScript, Themes
Hallo,
ich finde die Buttons auf der Produktseite zu klein. Kann man das ändern und diese vergrößern. Ich verwende das Theme Simple.
Vielen Dank im voraus.
LG Nicole
Gelöst! Zur Lösung
Erfolg.
Hey Nicole! @Kau-shop
Danke für das Bild. Diese 2 Buttons die du im Bild andeutest möchtest du vergrößern ist das richtig?
Da das ein Shopify Theme ist und du auf einem bezahlten Plan dann können wir das ggf. anschauen als Teil deiner 60-Min Design Time. Schicke uns eine E-Mail und unser Theme Team wird das anschauen können. Sende bitte eine E-Mail an unseren Support hier (https://bit.ly/3cwO7ym) von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.
Ansonsten kannst du es auch selber (DIY) probieren aber am besten zuerst in einer Theme Testumgebung (Kopie des Simple Themes). Zum Beispiel sind diese zwei Buttons teil eines Rahmen oder Kästchen, dass auch einen gewissen "Padding" hat und man im theme.css Stylesheet vergrößern kann. Diesen "Container" siehst du wenn du direkt auf die 2 Buttons rechts-klickst und den Inspect Tool wählst. Im Inspect Tool kannst du dann den Stylesheet .css sehen.
Beispiel: Um die Breite dieser Kästchen auf 100% zu erhöhen, einfach im assets/theme.css nach einem Text wie ".product-form__input--quantity."
(ohne Anführungszeichen) suchen und die Breite beispielsweise von 55%/px auf 100%/px erhöhen.
Du kannst auch das folgende Code am Ende der assets/theme.css.liquid
einfügen:
input#Quantity {
max-width: 55px;
}
input.btn {
padding: 10px 12px;
}
55px kannst du natürlich ändern, es ist nur ein Beispiel. Denke daran, wenn es zu klein ist, wird die Zahl herausgeschoben.
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 Nicole! @Kau-shop
Danke für das Bild. Diese 2 Buttons die du im Bild andeutest möchtest du vergrößern ist das richtig?
Da das ein Shopify Theme ist und du auf einem bezahlten Plan dann können wir das ggf. anschauen als Teil deiner 60-Min Design Time. Schicke uns eine E-Mail und unser Theme Team wird das anschauen können. Sende bitte eine E-Mail an unseren Support hier (https://bit.ly/3cwO7ym) von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.
Ansonsten kannst du es auch selber (DIY) probieren aber am besten zuerst in einer Theme Testumgebung (Kopie des Simple Themes). Zum Beispiel sind diese zwei Buttons teil eines Rahmen oder Kästchen, dass auch einen gewissen "Padding" hat und man im theme.css Stylesheet vergrößern kann. Diesen "Container" siehst du wenn du direkt auf die 2 Buttons rechts-klickst und den Inspect Tool wählst. Im Inspect Tool kannst du dann den Stylesheet .css sehen.
Beispiel: Um die Breite dieser Kästchen auf 100% zu erhöhen, einfach im assets/theme.css nach einem Text wie ".product-form__input--quantity."
(ohne Anführungszeichen) suchen und die Breite beispielsweise von 55%/px auf 100%/px erhöhen.
Du kannst auch das folgende Code am Ende der assets/theme.css.liquid
einfügen:
input#Quantity {
max-width: 55px;
}
input.btn {
padding: 10px 12px;
}
55px kannst du natürlich ändern, es ist nur ein Beispiel. Denke daran, wenn es zu klein ist, wird die Zahl herausgeschoben.
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
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024