Wie lässt sich die Suchleiste von Shopify runder gestalten?

Rate this article

Share this article

Die Standard-Suchleiste von Shopify ist ein Rechteck. Um es runder zu machen, müssen Sie das Attribut „border-radius“ der Shopify-Suchleiste ändern. Dadurch wird Ihre Shopify-Suchleiste runder. Zusammen mit dem App-Filter und der Suche trägt dies auch zur optischen Schönheit Ihres Shops bei. Die Shopify-Suchleisten-App von ExpertRec gehört zu den besten. Es handelt sich um eine intelligente Such-App, die eine sofortige Suche in Ihrem Geschäft ermöglicht. Die Live-Suche der Shopify-App benötigt weniger als 5 Minuten, um alle Shopify-Produktsuchen hinzuzufügen

Die Such-App auf Shopify ist äußerst wichtig, da intelligente Such-Apps das Gebot der Stunde sind. Mit der Funktion der Sprachsuche in der Shopify-App können Benutzer ihr gewünschtes Produkt ganz einfach finden.

Hier sind Schritte, um Ihre Shopify-Suche abgerundeter zu gestalten.
Melden Sie sich bei Ihrem Shopify-Admin-Panel an.
Gehen Sie zu Online-Shop->Einstellungen->Themen->Aktionen->Code bearbeiten.
Gehen Sie zu Assets -> Öffnen Sie die Datei theme.scss.liquid.
Suchen Sie in der Codedatei von theme.scss.liquid etwa in Zeile 4557 nach „search-bar__input“.
Ändern Sie im folgenden Code den Randradius: 0px; zum Randradius: 50px; Wenn Sie mehr Rundheit wünschen.

.search-bar__input {
Hintergrundfarbe: transparent;
Randradius: 50px;
Farbe: $color-text;
Randfarbe: transparent;
padding-right: calc(35em / 16);
Breite: 100 %;
Mindesthöhe: 44 Pixel;

Mit der benutzerdefinierten Shopify-Suche von expertrec können Sie das Erscheinungsbild Ihrer Suchmaschine ganz einfach ändern, ohne Code berühren zu müssen.
Sie können auch die Shopify-App von expertrec installieren, mit der Sie Ihre Shopify-Suchleiste von hier aus runder gestalten können.

Fügen Sie Ihrem Shopify-Shop eine tolle Suche hinzu

Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like