FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Dropdown Button ist zu klein, nicht Kundenfreundlich

Gelöst

Dropdown Button ist zu klein, nicht Kundenfreundlich

Kau-shop
Besucher
3 0 0

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

2021-07-12 (1).png

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff (Retired)
19233 3006 4451

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.

  • Wichtig ist auch zu beachten, wie das ganze auf Handy aussieht denn das sieht nicht immer besonders gut aus.

 

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

Lösung in ursprünglichem Beitrag anzeigen

1 ANTWORT 1

Gabe
Shopify Staff (Retired)
19233 3006 4451

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.

  • Wichtig ist auch zu beachten, wie das ganze auf Handy aussieht denn das sieht nicht immer besonders gut aus.

 

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