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
Wie das Shopify Sprichwort so schön geht: "Making Commerce Better for Everyone!" Aber wie ...
By Gabe Aug 23, 2023Die Summer '23 Editions sind da! Mit mehr als 100 Updates in Shopify können Shops jetzt pr...
By Gabe Aug 4, 2023Kreiere interessanten Inhalt für deine Social-Media-Kanäle deines Shopify Shops.
By Kai Jul 17, 2023