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é.
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.
3. Accédez à actifs-> Ouvrez le fichier theme.scss.liquid .
4. Dans le fichier de code de theme.scss.liquid, recherchez « search-bar__input » autour de la ligne 4557.
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.
Installez la barre de recherche intelligente Expertrec sur votre boutique Shopify
