Comment rendre votre barre de recherche Shopify plus arrondie ?

Rate this article

Share this article

La barre de recherche Shopify par défaut est un rectangle. Pour le rendre plus arrondi, vous devez modifier l’attribut border-radius de la barre de recherche Shopify. Cela rendra votre barre de recherche Shopify plus arrondie. Outre le filtre et la recherche d’applications, cela ajoute également à la beauté visuelle de votre boutique. L’application de barre de recherche Shopify d’ExpertRec est parmi les meilleures. Il s’agit d’une application de recherche intelligente qui permet une recherche instantanée sur votre boutique. L’application Shopify de recherche en direct prend moins de 5 minutes pour ajouter toutes les recherches de produits Shopify

L’application de recherche sur Shopify est extrêmement critique, car les applications de recherche intelligentes sont indispensables du moment. Grâce à la capacité de recherche vocale de l’application Shopify, les utilisateurs peuvent facilement trouver le produit souhaité.

 

make shopify search more rounded

 

Voici les étapes pour rendre votre recherche Shopify plus complète.

1. Connectez-vous à votre panneau d’administration Shopify.
2. Accédez à la boutique en ligne->paramètres->thèmes->actions->modifier le code.

make shopify search more rounded
3. Accédez à actifs-> Ouvrez le fichier theme.scss.liquid .

make shopify search more rounded
4. Dans le fichier de code de theme.scss.liquid, recherchez « search-bar__input » autour de la ligne 4557.

make shopify search more rounded
5.Dans le code suivant, modifiez border-radius : 0px ; au rayon de bordure : 50 px ; Si vous souhaitez plus de rondeur.

.barre de recherche__input {
couleur d’arrière-plan : transparent ;
rayon de bordure : 50 px ;
couleur : $texte-couleur ;
couleur de la bordure : transparente ;
remplissage à droite : calc(35em / 16) ;
largeur : 100 % ;
hauteur minimale : 44 px ;

6. Grâce à la recherche personnalisée Shopify d’expertrec, vous pouvez facilement modifier l’apparence de votre moteur de recherche sans avoir à toucher au code.
7. Vous pouvez également installer l’application Shopify d’expertrec qui vous permet d’affiner votre barre de recherche Shopify à partir d’ici.

Shopify search app

Installez la barre de recherche intelligente Expertrec sur votre boutique Shopify

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