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 oft möchte man als Shopinhaber den eigenen Kunden eine bessere Checkout Experience anb...
By Gabe May 23, 2023So können Sie PayPal verwenden, um Zahlungen zu akzeptieren und Ihre Shopify-Rechnung zu...
By Kai Apr 14, 2023Vielen Dank an alle, die an unserem AMA mit 2H Media zur Planung ihres Marketingbudgets fü...
By Jacqui Apr 13, 2023