Plugin qui permet de configurer le service de recherche Doofinder dans un magasin Prestashop 1.5 avec moins d'effort que de le configurer à partir de zéro.
Pour une installation locale d'un environnement Prestashop, utilisez docker-compose up -d . Cette installation apporte:
Pour choisir la version Prestashop, dans le changement d'image du conteneur:
Vous pouvez maintenant visiter localhost:9011 pour démarrer l'installation de Prestashop pour installer Prestashop, suivez les étapes de l'assistant. Notez que lorsqu'on vous demande de configurer la connexion de la base de données, vous devez utiliser les champs suivants comme défini dans le docker-compose.yml
local-prestashop-mysqlprestashopprestashopprestashopN'oubliez pas de tester la connexion de la base de données à confirmer que cela fonctionne.
Une fois l'installation terminée, vous devez supprimer le dossier d'installation pour commencer à utiliser l'application. docker-compose exec prestashop rm -r install
Le moyen le plus simple d'installer le plugin est de le télécharger à partir de notre page d'assistance. Si vous souhaitez le télécharger à partir de cette page, vous pouvez télécharger la dernière version de la section Tags, mais vous devrez préparer le fichier .zip du module avant de l'installer.
Si c'est le cas, il existe un fichier de script package.sh inclus (Systèmes UNIX) qui créera le package pour vous. Si vous utilisez Windows, référez-vous à ce script pour obtenir des conseils sur la façon de créer le package.
Une fois que vous avez un fichier de package doofinder.zip , veuillez vous référer au guide de l'utilisateur Prestashop pour obtenir des instructions sur la façon d'installer le module.
Le plugin a deux sections de configuration:
Doofinder a besoin que vos informations de produit soient lues à partir d'un fichier de données situé dans une URL Web publique. Vous trouverez les URL réelles publiées par ce plugin sous chacune des zones de texte de script. Ils ressembleront à:
http://www.example.com/modules/doofinder/feed.php?lang=es
Dans la section de flux de données, vous pouvez configurer ces paramètres:
Vous pouvez également forcer une conversion de devise différente en passant un paramètre currency à l'URL d'alimentation:
http://www.example.com/modules/doofinder/feed.php?lang=es¤cy=USD
La valeur doit être le code alpha ISO pour la devise et la devise doit être active dans votre système. Sinon, la devise active par défaut sera utilisée à la place.
Cette section contient tellement de zones de texte que les langues que vous avez activées dans votre boutique en ligne.
Dans Doofinder, vous pouvez disposer de plusieurs moteurs de recherche pour un site Web, mais chaque moteur de recherche peut indexer que dans une seule langue, donc si votre magasin a deux langues configurées et que vous souhaitez utiliser Doofinder dans les deux langues, vous devrez créer deux moteurs de recherche dans le volet d'administration du site Doofinder.
Une fois que vous avez les scripts init pour chacune de vos langues de magasin, vous devez les coller dans les zones de texte correspondantes.
Il est possible que vous deviez ajuster les scripts pour correspondre à vos préférences de conception. Ne vous inquiétez pas, il s'agit de modifier certaines valeurs de texte.
Vous pouvez laisser vide n'importe laquelle des zones de texte. La couche ne sera pas affichée pour cette langue.
Le script Doofinder ressemble à ceci:
<script type="text/javascript">
var doofinder_script ='//d3chj0zb5zcn0g.cloudfront.net/media/js/doofinder-3.latest.min.js';
(function(d,t){
var f=d.createElement(t),s=d.getElementsByTagName(t)[0];f.async=1;
f.src=('https:'==location.protocol?'https:':'http:')+doofinder_script;
s.parentNode.insertBefore(f,s)}(document,'script')
);
if(!doofinder){var doofinder={};}
doofinder.options = {
lang: 'en',
hashid: 'fffff22da41abxxxxxxxxxx35daaaaaa',
queryInput: '#search_query_top',
width: 535,
dleft: -112,
dtop: 84,
marginBottom: 0
}
</script>
À la fin du script, vous verrez une section doofinder.options . Voici où vous devrez faire des ajustements.
Le calque Doofinder est attaché à une zone de recherche. Pour identifier ce contrôle des entrées, nous utilisons un sélecteur CSS . Dans ce cas, le sélecteur est #search_query_top qui identifie l'élément HTML avec un attribut d'ID avec une valeur de search_query_top . Il s'agit de la zone de recherche par défaut dans Prestashop.
Il y a trois autres paramètres que vous voudrez probablement personnaliser:
width : la largeur de la couche. Utilisez un nombre sans citations autour de lui.dleft : est le déplacement horizontal de la couche du point où il est placé automatiquement. Vous pouvez utiliser un nombre positif ou négatif sans devis autour de lui.dtop : est le déplacement vertical de la couche du point où il est placé automatiquement. Vous pouvez utiliser un nombre positif ou négatif sans devis autour de lui.Si vous décidez de mettre la zone de recherche incluse avec ce plugin pour le haut de la page, vous devrez probablement ajuster ces paramètres. N'oubliez pas de le faire pour chaque script.