solutions for e-commerce

14 years of business 2563 reviews 4.9 average rating
Guides d'utilisation

Comment utiliser l'extension AJAX Layer Pro ?

L'extension AJAX Layer Pro va vous aider à améliorer votre navigation par filtres très facilement.

Vous allez pouvoir entièrement configurer et personnaliser l'affichage de vos filtres sur votre frontend Magento.

De plus, l'extension va automatiquement générer les mots-clés correspondant aux valeurs de vos filtres afin d'améliorer le référencement sur votre site.

L'extension AJAX Layer Pro peut être installée et prête à être configurée en quelques minutes seulement. Pour cela, allez dans SystemConfigurationWyomindAJAX Layer Pro

General Settings

Pour commencer, vous pouvez régler les paramètres généraux de l'extension AJAX Layer Pro. Plusieurs options sont disponibles :

  • Meta Robots
    Ceci permet de changer les valeurs des meta robots lorsque des filtres sont sélectionnés. Cette option est très utile afin d'éviter que les moteurs de recherche indexent toutes les pages contenant des paramètres de filtres.
  • Enable AJAX Navigation
    Si activée, la page ne sera pas rechargée chaque fois qu'une option est sélectionnée.
  • Enable Auto Scroll
    Si activée, la page défilera automatiquement en haut de page à chaque fois qu'une option est sélectionnée.
  • Enable AJAX Toolbar
    Si activée, la page ne sera pas automatiquement rechargée à chaque fois qu'un lien de la barre est sélectionné.
  • Enable SEO Keywords
    Si activée, les ids des options présentes dans l'URL seront remplacés par les mots-clés associés (les mots-clés sont automatiquement générés à partir des noms des options des attributs).
  • Replace All Special Chars
    Si activée, tous les caractères spéciaux seront remplacés pas un tiret.
  • Items Limit
    Cette option permet de limiter le nombre d'articles affichés dans la navigation par filtres. Un lien Show More/Less sera automatiquement ajouté. Notez que 0 ou vide signifie illimité.

Price Slider Settings

AJAX Layer Pro vous permet d'activer le slider de prix. S'il est activé, vous aurez également la possibilité d'ajouter des champs en dessous du slider en définissant Enable Price inputs sur YES.

Voici l'affichage par défaut de Magento :

Activer le Slider prix

Lorsque le slider de prix est activé, l'affichage sera comme ci-dessous. 

Activer les champs de prix

Si le slider est activé, vous avez également la possibilité d'ajouter des champs en dessous du slider en activant l'option Enable Price inputs.

Alors, lorsque que le slider et les champs sont activés, vous obtiendrez l'affichage suivant. 

Category Tree Settings

Dans l'onglet Category Tree Settings, vous allez pouvoir configurer l'affichage du filtre par catégories selon vos besoins.

  • Enable Category Tree
    Si activée, la navigation par catégories par défaut sera remplacée par une arborescence.
  • Expand Tree
    Si activée, l'arborescence sera entièrement affichée.
  • Number of Levels Displayed
    Vous pouvez définir jusqu'à 5 niveaux à afficher.
  • Show Products Count
    Vous pouvoir choisir d'afficher le nombre de produits pour chaque catégorie.
  • Include in Navigation Menu
    Si activée, seulement les catégories comprises dans le menu seront affichées.
  • Show Empty Categories
    Si activée, les catégories sans produits seront affichées.

Voici ce que vous pouvez obtenir avec la configuration ci-dessus.

Attributes Settings

Dans l'onglet Attributes Settings, vous allez pouvoir définir pour quels attributs vous souhaitez utiliser une liste déroulante ou afficher chaque option sous forme de cases à cocher.

  • Dropdown Attributes
    Sélectionnez les attributs que vous souhaitez afficher sous forme de liste déroulante.
  • Label Attributes
    Sélectionnez les attributs que vous souhaitez afficher sous forme d'options à sélectionner.

Ci dessous, vous pouvez voir que les attributs Category et Color sont gérés sous forme d'options listées, alors que l'attribut Shoe Size est sous forme de liste déroulante.

Notez que vos clients peuvent afficher ou cacher les filtres. 

Filter Positioning

AJAX Layer Pro vous permet d'afficher vos filtres dans 3 endroits différents. Vous pouvez très facilement personnaliser l'affichage de vos filtres grâce aux options suivantes :

  • Top Filters
    Définissez quels filtres vous souhaitez afficher en haut de page (navigation horizontale).
  • Left Column Filters
    Définissez quels filtres vous souhaitez afficher dans la colonne de gauche.
  • Right Column Filters
    Définissez quels filtres vous souhaitez afficher dans la colonne de droite.

Dans le cas où un filtre n'est pas listé dans les champs ci-dessus, alors il sera ajouté dans la colonne de gauche par défaut.

Voici l'affichage que vous obtiendrez avec la configuration ci-dessus.

  

Améliorez votre navigation par filtres avec AJAX Layer Pro

Configurez totalement vos filtres

  • Activez le slider des prix et l'arborescence des catégories
  • Utilisez des filtres multiples sur un même attribut
  • Activez la navigation AJAX

Personnalisez l'affichage de vos filtres sur le frontend

  • Ajoutez et organisez vos filtres comme vous le souhaitez : gauche, milieu, droite
  • Affichez les attributs par noms ou sous forme de listes déroulantes

Utilisez des mots-clés personnalisés

  • Activez l'affichage des mots-clés dans les URLs
  • Générez automatiquement les mots-clés

Bénéficiez d'une extension entièrement compatible

  • Utilisez l'extension avec n'importe quel thème
  • Configurez AJAX Layer Pro pour une multi-boutique
  • Utilisez l'extension Elasticsearch sans aucun problème de compatibilité
Freqently Asked Questions
Informations Pré-vente
Ajax Layer Pro fonctionne avec Magento Community Edition et aussi Magento Enterprise Edition. Pour savoir si Ajax Layer Pro est compatible avec votre version de Magento, veuillez vous référer à l'onglet Compatibilité
Licence et domaines

Votre licence est valide pour une durée illimitée sur une seule interface Magento.

Si vous utilisez plusieurs interfaces Magento, il vous faudra acheter une licence supplémentaire pour chacune d'entre elles.

Si vous gérez plusieurs sites sur la même interface Magento, vous n’aurez besoin que d’une seule licence pour l’ensemble de vos domaines. 

Bien que la période de validité de votre licence soit illimitée, votre période de support est quant à elle limitée à 6 mois (durée offerte à l’achat de votre licence). Passé ce délai, il vous faudra la renouveler (voir FAQ : Comment prolonger ma période de support ?).

Vous avez la possibilité de pré-enregistrer votre domaine de production à votre licence.

Grâce à cette option vous pourrez installer et activer votre domaine afin qu'il soit prêt à l'emploi avant son lancement en ligne.

Pour pré-enregistrer votre domaine :

  1. Allez dans :
    mY accountLicenses & DOwnloads
  2. Cliquez sur  à côté de l'extension pour laquelle vous souhaitez pré-enregistrer votre domaine.
  3. En bas de la page, sous votre liste de domaine se trouve un lien. Cliquez sur :
    Do you want to pre-register your domain in order to be ready to go live?
  4. Entrez votre nom de domaine puis cliquez sur PRE-REGISTER NOW  pour finaliser votre pré-enregistrement.
Attention, cela ne veut pas dire que votre licence est activée. Il vous faudra l'activer depuis votre nouveau domaine une fois l'extension installée. 

Votre licence est valide pour une durée illimitée sur une seule interface Magento.

Il est possible, cependant, d'étendre ou de transférer votre licence dans deux cas : 

  • Si vous désirez ajouter vos environnements de test à votre licence.
    Dans ce cas, vous pouvez étendre votre licence gratuitement, et ce, pour un nombre illimité de domaines (dev, staging, local..).
    Ex: mywebsite-staging.com ou mywebsite-dev.com
  • Si vous souhaitez transférer votre licence sur un autre domain de production.
    Dans ce cas, la période de support pour la licence doit être active.

Pour pouvoir utiliser Ajax Layer Pro sur tous vos domaines (live et test), suivez les étapes ci-dessous :

  1. Téléchargez Ajax Layer Pro depuis votre compte Wyomind.
    (voir FAQ: Téléchargement des extensions)
  2. Installez Ajax Layer Pro sur votre environnement de production.
    (voir FAQ: Installation des extensions)
  3. Activez la licence.
    (voir FAQ: Activation des extensions)
  4. Depuis votre panneau d'administration Magento, entrez votre clé d'activation dans :
    Systemconfigurationwyomindyour extension 
  5. Sauvegardez la configuration.

Maintenant que Ajax Layer Pro est installé sur votre environnement de production, répétez les étapes précédentes avec votre environnement de test. 

La seule différence cette fois : une notification apparaît dans votre panneau d’administration Magento.

Vous aurez le choix entre :

  1. Acheter une nouvelle licence
  2. Ajouter ce domaine à votre licence

Cliquez sur Add this domain to my license.

Une demande de transfert sera envoyée directement à notre équipe (sous un délai d'une heure environ).

Dès lors, que la demande de transfert est prise en charge par notre équipe, vous recevrez un mail de confirmation.

Si votre demande est acceptée, vous pourrez aussitôt utiliser Ajax Layer Pro sur vos deux domaines.

L'ordre d'activation de votre licence n'a aucune importance. 
Vous pouvez choisir d'activer d'abord votre licence sur votre environnement de production puis par la suite sur votre environnement de test, ou inversement. 
Versionnage des extensions et téléchargement

    Pour télécharger Ajax Layer Pro, connectez-vous à votre compte Wyomind :

      1. Allez dans :
        mon compte Licenses & downloads  
      2. Cliquez sur  en face de Ajax Layer Pro.


        Une nouvelle fenêtre s'ouvre
        alors

      3. Sélectionnez la version de Ajax Layer Pro à télécharger.
        Vous pourrez sélectionner la version la plus récente (pour Magento 1 et pour Magento 2) de Ajax Layer Pro.
      4. Cliquez sur  .

    Votre téléchargement peut commencer. 

    En achetant une extension depuis wyomind.com, vous bénéficiez de la mise à jour à vie. Vous pouvez à tout moment télécharger la dernière version de l'extension directement depuis votre compte. 

    Pour mettre à jour Ajax Layer Pro, suivez les étapes suivantes :

    1. Allez dans :
      mon comptemes téléchargementS
    2. Cliquez sur  en face de Ajax Layer Pro.
    3. Sélectionnez la version la plus récente de Ajax Layer Pro (pour Magento 1 et Magento 2).
    4. Cliquez sur télécharger .
    5. Installez la nouvelle version de Ajax Layer Pro pour mettre à jour votre admin Magento.

    Installation/Désinstallation des extensions

    Pour désinstaller Ajax Layer Pro, allez sur son dossier compressé et ouvrez-le.

    Vous y trouverez un fichier shell (tel que: yourextension-uninstall.sh), qu'il vous faudra exécuter à la fois sur votre serveur et sur le répertoire racine de votre site Magento. 

    Lorsque la désinstallation est terminée, pensez à nettoyer le cache et réactiver le compiler (si vous l'utilisez).

    Avant d'installer Ajax Layer Pro, il vous faudra :

    • Faire un backup de votre installation Magento dans :
      system  tools   backups
    • Vérifier que le Compiler est désactivé dans votre admin Magento.
      Si le compiler est activé, désactivez le en cliquant sur Disable dans :
      system  tools   COMPILATIONS
    • Nettoyer votre cache dans :
      systemselect cache typeactionsrefreshsubmit


    Vous pouvez maintenant installer Ajax Layer Pro :

    1. Téléchargez Ajax Layer Pro (fichier compressé) dans :
      mon compte mes téléchargements
      Consultez la FAQ : Téléchargement des extensions
    2. Ouvrez le dossier téléchargé et décompressez-le.
    3. Copiez le contenu du dossier et collez-le dans le répertoire racine de votre site Magento (le contenu varie selon les extensions mais on retrouve généralement les dossiers app, lib et skin).

    4. Une fois votre installation terminée, n'oubliez pas de réactiver le compiler s'il était activé avant l'installation et l'exécuter en cliquant sur Run Compilation Process.
    5. Nettoyez les caches et déconnectez-vous puis reconnectez-vous directement après.


    Ajax Layer Pro installé, il ne vous reste plus qu’à activer votre licence. Cliquez ici: Activation des extensions

    Activation des extensions

    Maintenant que Ajax Layer Pro est installée, il ne vous reste qu'à l'activer :

    1. Allez dans votre admin Magento. Un message apparaît en haut de la page.
      Si vous ne voyez rien apparaître, vérifiez les éléments suivants : 

      Le module License Manager n'a pas été supprimé de votre installation.
      Le module License Manager est bien activé dans le fichier : app/etc/modules/Wyomind_Licensemanager.xml
      La sortie Html du module Wyomind_Licensemanager et/ou Adhminhtml_Notification n'est pas désactivée dans votre admin Magento :

      system   configuration  advanced advanced


    2. Copiez votre clé d'activation.

      Vous pouvez trouver votre clé d'activation à 2 endroits:
      - Dans l'email de confirmation que vous avez reçu suite à l'achat de Ajax Layer Pro

      - Dans votre compte Wyomind : Mon compteMes Telechargements, choisissez Ajax Layer Pro et cliquez sur  . Une nouvelle page s'ouvre où sera affichée votre clé d'activation (voir ci-dessous).

    3. Collez votre clé d'activation dans le champ Activation key et choisissez une méthode d'activation entre Automatic (Yes) et Manual (No) depuis: SystemConfigurationWyomindVOTRE extension
      - Si vous choisissez Yes: vous serez connecté automatiquement au serveur de licence de Wyomind.
      - Si vous choisissez No, vous devez vous connecter avec votre navigateur au serveur de licence de Wyomind.

    4. Sauvegardez les données en cliquant sur Save Configuration.
    5. Videz vos caches. 
    6. Une notification apparaît en haut de votre admin. Cliquez sur : Activate it now!

    7. Copiez et collez le code licence dans le champ License code de votre admin ou cliquez simplement sur Activate now! 


    8. Pour finir, déconnectez-vous, nettoyez les caches et reconnectez-vous pour pouvoir utiliser Ajax Layer Pro.

    Afin d'activer la licence d'une extension qui comprend d'autres modules, vous devrez répéter les étapes ci-dessus pour chaque module en utilisant les clés d'activation correspondantes (chaque extension possède une clé d'activation unique).

    Résolutions de problèmes

    Si vous obtenez une page blanche en utilisant l'extension, vous devriez activer le rapport d'erreurs afin d'afficher l'erreur en question. Vous pouvez l'activer depuis index.php.

    La plupart du temps, vous déconnecter puis vous reconnecter résout le problème.
    Magento 1 / Openmage Compatibility

    Magento 1 / Openmage®

    • 1.1.3
    • 1.1.4
    • 1.1.5
    • 1.1.6
    • 1.1.7
    • 1.1.8
    • 1.2.0
    • 1.2.1
    • 1.3.0
    • 1.3.1
    • 1.3.2
    • 1.3.3
    • 1.4.0
    • 1.4.1
    • 1.4.2
    • 1.5.0
    • 1.5.1
    • 1.6.0
    • 1.6.1
    • 1.6.2
    • 1.7.0
    • 1.8.0
    • 1.8.1
    • 1.9.0
    • 1.9.1
    • 1.9.2
    • 1.9.3
    • 1.9.4
    • 1.10.0
    • 1.10.1
    • 1.11.0
    • 1.11.1
    • 1.11.2
    • 1.12.0
    • 1.13.0
    • 1.13.1
    • 1.14.0
    • 1.14.1
    • 1.14.2
    • 1.14.3
    • 1.14.4

    Magento 1 / Openmage® Enterprise (deprecated)

    • 1.1.3
    • 1.1.4
    • 1.1.5
    • 1.1.6
    • 1.1.7
    • 1.1.8
    • 1.2.0
    • 1.2.1
    • 1.3.0
    • 1.3.1
    • 1.3.2
    • 1.3.3
    • 1.4.0
    • 1.4.1
    • 1.4.2
    • 1.5.0
    • 1.5.1
    • 1.6.0
    • 1.6.1
    • 1.6.2
    • 1.7.0
    • 1.8.0
    • 1.8.1
    • 1.9.0
    • 1.9.1
    • 1.9.2
    • 1.9.3
    • 1.9.4
    • 1.10.0
    • 1.10.1
    • 1.11.0
    • 1.11.1
    • 1.11.2
    • 1.12.0
    • 1.13.0
    • 1.13.1
    • 1.14.0
    • 1.14.1
    • 1.14.2
    • 1.14.3
    • 1.14.4
    User's reviews
    Log into your account to leave your review and get up to 3 months of free Support & Upgrade.

    14th June 2019

    Great layered navigation

    The bubble layer pro has been our favourite layered nav extension for years in Magento 1. Never had any trouble installing or other url / SEO issues we've seen with many others.

    30th June 2016

    Perfect

    Simple, lightweight - it's great.
    Recommended here https://www.sonassi.com/blog/quick-magento-performance-wins
    & used in this theme https://polarcore.io/ which is based on Google's Material Design.
    I had initially purchased an alternative module to test, but quite quickly realised this was the best choice for us.

    AlexisU

    5th November 2015

    Simply Works!

    After years of trying other Layered Nav extensions and being frustrated at the amount of configuration required, it is a delight to find an extension that can just be installed and within a minute or two it is up and running.
    There is not a lot of features to this extension, but in my opinion that is what makes it so great. Just install, configure the few options there are and you're done.
    I also found it extremely helpful that each filter works in isolation so you are free to place each filter where you want it - you don't have to have all the filters in one block down the side of the page!
    Lastly, as a developer myself, I salute Johann for showing his code for all to see. Far too many extensions are developed via outsourcing and are badly coded. It's clear from this extension that Johann is a very good, experienced coder and takes pride in his work. This extension is a compliment to that.

    james_thecodeco

    30th January 2014

    Great extension and very good support

    Installed and works fine. If you have any questions or issues feel free and contact the very good support.
    I can recommend this extension.

    W3 Arts & Webdesign
    Changelog

    Initial release for the master version

    Initial release for the legacy version

    • Fix for the display of the layers

    New Feature

    • Expand/Collapse filters

    Enhancement

    • Support for the category permissions in Magento EE
    Patch v2.4.1.1

    • Fix on urls for a better SEO

    Enhancements:

    • Improved products count in the categories treeview

    Fix

    • fix for js compilation (missing semi-colon)
    Patch v2.4.0.2

    • hidden characters removed from config.xml

    Patch v2.4.0.1

    • Display fixed when the minimum price of the slider is not 0

    Enhancements:

    • Disabled categories are not displayed in the frontend treeview
    Demo store
    Work in progress...

    Stay tuned and get a coupon code of 10% off any purchase while creating your account!

    Subscribe now for updates, promotions and products launch twice a month at most.

    Please indicate a valid email