Image — Échantillons d'images
Affiche les termes de taxonomie en front sous forme d'images. Utilisez pour un attribut de produit ou une taxonomie personnalisée. Il est également possible d'ajouter un texte d'info supplémentaire pour l'infobulle en front pour chaque terme sur sa page de paramètres.
Pour l'utiliser, sélectionnez le type d'affichage ‘Image‘ pour l'attribut de produit ou la taxonomie personnalisée, puis cliquez sur le bouton Enregistrer. Après le rechargement de la page, vous pouvez définir le lien de l'image pour chaque terme :
Pour chaque terme, vous pouvez également définir ses propres styles CSS si nécessaire (utilisez le bouton avec l'engrenage) :
D'ailleurs, vous pouvez reproduire cette fonctionnalité de couleur/image en utilisant Smart Designer !
Cette extension propose des options supplémentaires :
- Afficher le titre du bloc – afficher/masquer le titre du bloc de taxonomie en front
- Afficher le bouton bascule – afficher un bouton bascule près du titre en front au-dessus du bloc d'éléments HTML
- Infobulle – afficher/masquer l'infobulle
- Nombre de termes non basculés – saisissez le nombre de termes qui doivent être visibles pour rendre tous les autres repliables. Un bouton “Afficher plus” apparaîtra. Cette fonction fonctionne avec : radio, cases à cocher, étiquettes, couleurs. Des informations avancées sur le bouton d'affichage sont disponibles ici
- Étiquette personnalisée de taxonomie – par exemple, vous souhaitez afficher le titre des catégories de produits comme “Mes Produits”. Juste pour votre commodité. Laissez vide pour utiliser le nom de taxonomie natif
- Trier les termes – comment trier les termes à l'intérieur du bloc de filtre
- Direction du tri des termes – direction du tri des termes à l'intérieur du bloc de filtre (ASC/DESC)
- Logique de filtrage – AND ou OR : sélectionner AND trouve les produits qui contiennent les deux termes sélectionnés en même temps ; sélectionner NOT IN trouve les éléments qui n'ont PAS les termes sélectionnés – l'inverse de l'inclusion : l'exclusion
- Afficher le titre de l'image – afficher le titre de l'image sous l'image
- Comportement comme bouton radio – utiliser la couleur/image comme bouton radio (un seul élément de filtre peut être sélectionné)
Exemple de démo n°1 : https://demo.products-filter.com/all-by-images-only/
Exemple de démo n°2 : https://demo-sd.products-filter.com/
Attention pour les utilisateurs qui utilisent WPML sur le site pour les produits : l'extension par défaut ne fonctionne pas correctement avec WPML car elle enregistre les options pour une seule langue – la langue actuelle. Dans ce cas, suivez les étapes suivantes :
- Allez dans l'onglet ‘Extensions‘, désactivez l'extension Image par défaut et cliquez sur le bouton Enregistrer
- Allez sur https://codecanyon.net/downloads et téléchargez le bundle WOOF
- Décompressez-le
- Vous y trouverez le dossier wp-content – téléchargez-le sur votre site par FTP
- Dans les paramètres du plugin, dans l'onglet ‘Advanced‘, saisissez dans “Custom extensions folder” la valeur “my_woof_extensions” et enregistrez
- Dans l'onglet ‘Extensions‘, cochez l'extension ‘Image 2’ et enregistrez les options
- Il est désormais possible, pour chaque terme de la taxonomie que vous avez sélectionnée comme type Image, de sélectionner une image comme sur l'écran suivant :
Lien depuis l'écran : wp-admin/edit-tags.php?taxonomy=pa_size&post_type=product
Hooks :