ich hätte gerne, dass der Button “Zum Warenkorb hinzufügen” nicht nur in der Produktvorschau, sondern auch auf der Oberfläche der Produkte und im Kollektionsraster angezeigt wird. Ich nutze das Sense Theme.
In verschiedenen Tutorials und Foren habe ich gesehen, dass man einfach auf das Kollektionsbanner klicken muss und dann die Option “Enable quick add button” auswählen kann. Hier ist ein Bild aus einem Youtube-Video:
Hoffe das hilft dir weiter - lass wissen falls nicht!
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Super hübsch ist es nicht und zu deinen tollen Bilder der Sweets passt die Optik der Buttons nicht so sehr, da gebe ich dir recht. Nativ im Theme kannst du wenigstens die Umrisse der Schaltfläche mit einer Farbe etwas visuell netter gestaltet, wie aus meinem Dawn Theme abgebildet:
Unsere Free Themes sind halt diesbzgl. etwas “spartanisch” ausgestattet, im Vergleich zu unseren Premium Themes. Hier ein Vergleich:
Vergleiche mit 2 Premium Themes:
Wie kann ich den Add to Cart Button im Product Grid etwas kleiner bekommen und den Text ändern könnte?
Den Text kannst du wie folgt ändern:
Den Buttenstil, wie gesagt, im Farbschema ändern. Um den Button kleiner zu machen, füge einen CSS hinzu wie den folgenden. Wenn das nicht funzt dann kann ich gerne einen Entwickler empfehlen der das für euch einbauen kann, oder eben eine Premium Theme das besser zu euren tollen Süßigkeiten Produkte und Branding passt.
.button--secondary {
font-size: 14px; /* Verkleinert die Schriftgröße */
padding: 8px 12px; /* Reduziert den Innenabstand */
}
ODER
.button--secondary {
width: 50%; /* Setzt die Breite des Buttons auf 50% der ursprünglichen Breite */
display: block; /* Sorgt dafür, dass der Button als Block-Element behandelt wird */
margin: 0 auto; /* Zentriert den Button horizontal */
}
ODER
.quick-add__submit.button--full-width.button--secondary {
width: 50%; /* Setzt die Breite des Buttons auf 50% */
margin-left: auto; /* Zentriert den Button horizontal */
margin-right: auto; /* Zentriert den Button horizontal */
}
Hoffe das hilft dir weiter - lass wissen falls nicht!
ich habe alles versucht mit CSS etc. den Button zu ändern, bzw. nur kleiner zu machen, das er nicht so auf die länge gezogen ist, dann wäre ich ja zumindest noch zufrieden. Ich habe es einfach nicht hinbekommen ob mit deinen oder meine eigenen CSS,
sogar in der base.css habe ich Änderungen und negative Wert eingeben aber ich kriege es nicht hin.
Ich weiß nicht mehr weiter, kannst du mir da villeicht Unterstützung geben ?
Ich will nur, das der Button etwas kleiner wird aktuell sieht es so aus:
