Déplacer fonction recherche dans un autre menu

  • WordPress :5.0.3
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2246208
    dede6363
    Participant
    Initié WordPress
    42 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.0.23/5.7/19
    • Thème utilisé : wpocean
    • Extensions en place : woocommerce / elementor/ updraftplus / oceanextra
    • Nom de l’hébergeur : local wamp
    • Adresse du site : pas encore

    Problème(s) rencontré(s) :

    Je ne sais pas si la fonction recherche  boutique woocommerce de mon menu principal est gérée par woocommerce ou par mon thème donc je m’excuse par avance si ce topic n’est pas à la bonne place

    J’ai 2 menus: un « principal » et un « barre supérieure »
    Je souhaiterais modifier 2 choses:

    • la fonction recherche de ma boutique woocommerce apparaissent dans mon menu barre supérieure et non pas comme par défaut dans mon menu principal (j’ai cherché dans apparence/menu mais je n’ai pas  trouvé cette fonction à ajouter ou retirer)
    • que ma barre de recherche apparaisse avec une large barre comme dans le PJ 1 et non comme actuellement par défaut (PJ2)

    Merci à ceux qui pourront m’apporter une aide

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2246885
    momofr@free.fr
    Modérateur
    Maître WordPress
    2339 contributions

    Salut, tu utilises le thème OceanWP avec Elementor, tu peux créer une entête personnalisée qui comporte un des widgets de base de WordPress : Recherche ou Recherche de produit de Woocommerce. Ce n’est pas idéal dans la mesure ou tu dois faire le design de ce champ recherche via les CSS, notamment pour la recherche de produit qui impose un gros bouton de validation avec le texte Recherche.

    Une solution consiste à modifier le terme Recherche par OK en dupliquant le fichier product-searchform.php qui est dans le dossier de l’extension Woocommerce et en éditant la ligne 27 qui contient l’écho php du bouton. Je te met en pièce jointe ce fichier modifié et zippé à placer à la racine de ton dossier de thème enfant une fois décompressé (impératif).

    Voici un base de règles CSS pour que les champs soient sur la même ligne (champ de saisie + bouton) :

    .woocommerce-product-search button[type="submit"] {
    	float: none;
    	margin-top: 0;
    	display: inline-block;
    }
    .search-field {
    	display: inline-block;
    	width: 58% !important;
    }

    Tu as le résultat en pièce jointe. Bon bricolage.

    Sinon il existe un widget personnalisable avec Elementor PRO.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.