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.