[Résolu] Prestashop 8.1.2 / Ajouter la référence article dans la barre de recherche

[wetete]

Bonjour,

J'utilise Prestashop 8.1.2, le thème classic avec le module ps_searchbar. Le module ps_searchbar se trouve à la racine de prestashop et pas dans les modules de mon thème.

Je souhaite que la référence de l'article soit affichée dans les propositions faites par la searchbar. Par défaut, les résultats affichent la photo principale de l'article et le nom d'article. J'aimerai ajouter la référence/un espace/un tiret/un espace avant le nom de l'article (ex : REF001 - Nom du produit 1) 

J'ai essayé de modifier le fichier ps_searchbar.js sans succès car je ne maitrise pas javascript. Est-ce que l'un d'entre vous aurait l'amabilité de me venir en aide?

Merci

Edited February 14 by wetete (see edit history)

[EISEAL]

Au début du fichier ps_searchbar.js tu as : 

    $.widget('prestashop.psBlockSearchAutocomplete', $.ui.autocomplete, {
        _renderItem: function (ul, product) {
            var image = (product.cover) ? product.cover : prestashop.urls.no_picture_image;
            var $img = $('<img class="autocomplete-thumbnail" src="'+image.bySize.small_default.url+'">');
            return $("<li>")
                .append($("<a>")
                    .append($img)
                    .append($("<span>").html(product.name).addClass("product"))
                ).appendTo(ul)
            ;
        }
    });

 

Remplace : 

                    .append($("<span>").html(product.name).addClass("product"))

Par : 

                    .append($("<span>").html((product.reference) ? product.reference + ' - ' + product.name : product.name).addClass("product"))

 Cela te donnera ceci : 

Edited February 14 by EISEAL (see edit history)

[EISEAL]

MESSAGE SUPPRIME

Edited February 14 by EISEAL (see edit history)

[wetete]

Bonjour EISEAL,

Cela fonctionne parfaitement. Je te remercie pour le coup de main 🙂