{"id":4427,"date":"2020-06-23T23:31:37","date_gmt":"2020-06-23T21:31:37","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?post_type=product&#038;p=4427"},"modified":"2025-08-30T12:53:15","modified_gmt":"2025-08-30T10:53:15","slug":"woocommerce-attribute-images","status":"publish","type":"product","link":"https:\/\/www.welaunch.io\/fr\/product\/woocommerce-attribute-images\/","title":{"rendered":"Images d&#8217;attributs et \u00e9chantillons de variation pour WooCommerce"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_852578897\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row row-solid\"  id=\"row-1046103278\">\n\t<div id=\"col-2058981023\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM160 448H48c-8.837 0-16-7.163-16-16v-80h128v96zm0-128H32v-96h128v96zm0-128H32V96h128v96zm160 256H192v-96h128v96zm0-128H192v-96h128v96zm0-128H192V96h128v96zm160 160v80c0 8.837-7.163 16-16 16H352v-96h128zm0-32H352v-96h128v96zm0-128H352V96h128v96z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Images des tables d'attributs<\/h5>\t\t\t\t\t\tTransformez facilement le tableau des donn\u00e9es du produit en images.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1523283926\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M192 80c0 8.837-7.164 16-16 16-35.29 0-64 28.71-64 64 0 8.837-7.164 16-16 16s-16-7.163-16-16c0-52.935 43.065-96 96-96 8.836 0 16 7.163 16 16zm176 96c0 101.731-51.697 91.541-90.516 192.674a23.722 23.722 0 0 1-5.484 8.369V464h-.018a23.99 23.99 0 0 1-5.241 14.574l-19.535 24.419A24 24 0 0 1 228.465 512h-72.93a24 24 0 0 1-18.741-9.007l-19.535-24.419A23.983 23.983 0 0 1 112.018 464H112v-86.997a24.153 24.153 0 0 1-5.54-8.478c-38.977-101.401-90.897-90.757-90.457-193.822C16.415 78.01 95.306 0 192 0c97.195 0 176 78.803 176 176zM240 448h-96v12.775L159.38 480h65.24L240 460.775V448zm0-64h-96v32h96v-32zm96-208c0-79.59-64.424-144-144-144-79.59 0-144 64.423-144 144 0 87.475 44.144 70.908 86.347 176h115.306C291.779 247.101 336 263.222 336 176z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Variation Swatches<\/h5>\t\t\t\t\t\tUtilisez les m\u00eames images d&#8217;attributs que les \u00e9chantillons de variation et supprimez les champs de saisie de s\u00e9lection standard.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1771669160\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 352 512\"><path d=\"M205.22 22.09C201.21 7.53 188.61 0 175.97 0c-12.35 0-24.74 7.2-29.19 22.09C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 480c-79.4 0-144-65.54-144-146.09 0-48.36 23-81.32 54.84-126.94 29.18-41.81 65.34-93.63 89.18-170.91 23.83 77.52 60.06 129.31 89.3 171.08C297.06 252.52 320 285.3 320 333.91 320 414.46 255.4 480 176 480zm0-64c-44.12 0-80-35.89-80-80 0-8.84-7.16-16-16-16s-16 7.16-16 16c0 61.75 50.25 112 112 112 8.84 0 16-7.16 16-16s-7.16-16-16-16z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Le style en toute simplicit\u00e9<\/h5>\t\t\t\t\t\tD\u00e9finissez les couleurs, les largeurs et d&#8217;autres options de style directement dans les param\u00e8tres du plugin.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_852578897 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_1259580125\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1734530207\">\n\t<div id=\"col-473387295\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Afficher les attributs du produit avec des images<\/h2>\n<p>Des images de haute qualit\u00e9 sont essentielles au succ\u00e8s des ventes de WooCommerce. Cependant, et si vous pouviez aller plus loin ? Et si, en plus des images des produits WooCommerce, vous pouviez afficher les attributs des produits avec des images \u00e9galement ?Le plugin Attribute Images WooCommerce offre aux propri\u00e9taires de magasins un nouveau moyen de se d\u00e9marquer de leurs concurrents.Au lieu d&#8217;utiliser du texte pour afficher les tailles et les variations de couleurs des produits, WooCommerce Attribute Images pr\u00e9sente les attributs des produits sous forme d&#8217;images interactives.\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1949288421\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t<div class=\"video video-fit mb box-shadow-2 box-shadow-3-hover\" style=\"padding-top:56.25%;\"><p><iframe title=\"WooCommerce Attribute Images\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/mv6ewnUCi9Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div>\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1259580125 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_1259580125 .section-bg-overlay {\n  background-color: rgb(49, 113, 238);\n}\n@media (min-width:550px) {\n  #section_1259580125 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1259580125 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1150052958\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-494187911\">\n\t<div id=\"col-1853103397\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_694715491\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"569\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-1024x571.png\" class=\"attachment-large size-large\" alt=\"WooCommerce filter images\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-1024x571.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-500x279.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-1000x557.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-300x167.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-768x428.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-1536x856.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/woocommerce-filter-images-2048x1141.png 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_694715491 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-925271592\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Attirez davantage l&#8217;attention sur les attributs de vos produits<\/h2>\n<p>Par d\u00e9faut, les attributs des produits WooCommerce s&#8217;affichent sous forme de texte. Ce n&#8217;est pas n\u00e9cessairement un probl\u00e8me. Cependant, les champs de texte peuvent \u00eatre ennuyeux et parfois fastidieux \u00e0 parcourir.Pour rendre les pages de produits plus attrayantes sur le plan visuel, WooCommerce Attribute Images remplace les champs de texte ennuyeux par des \u00e9chantillons d&#8217;images accrocheuses.<\/p>\n<ul>\n<li>L&#8217;utilisation d&#8217;images et de nuanciers de couleurs \u00e0 la place des attributs textuels facilite l&#8217;interaction avec les listes de produits<\/li>\n<li>Les attributs des produits bas\u00e9s sur l&#8217;image sont visuellement plus distinctifs<\/li>\n<li>Lorsqu&#8217;elles sont s\u00e9lectionn\u00e9es par les clients de la boutique WooCommerce, les images d&#8217;attributs se comportent de la m\u00eame mani\u00e8re que les attributs de texte conventionnels<\/li>\n<\/ul>\n<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/\" target=\"_blank\" class=\"button primary is-link\" rel=\"noopener\">\n\t\t<span>Voir la d\u00e9mo<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1150052958 {\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n@media (min-width:550px) {\n  #section_1150052958 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1150052958 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_788107025\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-716348427\">\n\t<div id=\"col-223598399\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Configurer facilement les attributs variables des produits<\/h2>\n<p>Les produits de votre magasin peuvent varier en taille, en style et en couleur. Woocommerce Attribute Images permet donc aux administrateurs de magasins de configurer les images d&#8217;attributs en cons\u00e9quence.Les propri\u00e9taires de magasins qui vendent diff\u00e9rentes variantes d&#8217;un m\u00eame produit peuvent configurer les \u00e9chantillons d&#8217;images comme ils le feraient avec des champs de texte ordinaires.<\/p>\n<ul>\n<li>Les tableaux de couleurs et d&#8217;informations sur les produits peuvent tous \u00eatre remplac\u00e9s par des images cliquables<\/li>\n<li>Lorsque l&#8217;on clique sur les \u00e9chantillons d&#8217;images, les images des produits, les donn\u00e9es relatives aux prix et les autres variables des produits sont automatiquement mises \u00e0 jour.<\/li>\n<\/ul>\n<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/variable-product-with-one-attribute-image\/\" target=\"_blank\" class=\"button white is-link\" rel=\"noopener\">\n\t\t<span>Voir la d\u00e9mo<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1011776469\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1612055198\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"575\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-1024x577.png\" class=\"attachment-large size-large\" alt=\"Single product variation swatches\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-1024x577.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-500x282.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-1000x564.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-300x169.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-768x433.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches-1536x866.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Single-product-variation-swatches.png 1934w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1612055198 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_788107025 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_788107025 .section-bg-overlay {\n  background-color: #3171ee;\n}\n@media (min-width:550px) {\n  #section_788107025 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_788107025 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_43090224\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1772257825\">\n\t<div id=\"col-2070607274\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_486976657\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"683\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images-1024x686.png\" class=\"attachment-large size-large\" alt=\"WooCommerce Attribute Images\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images-1024x686.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images-500x335.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images-1000x670.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images-300x201.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images-768x514.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Attribute-Images.png 1126w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_486976657 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1698939152\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Stylisation et personnalisation des images d&#8217;attributs<\/h2>\n<p>Les champs de texte des attributs peuvent \u00eatre difficiles \u00e0 lire et \u00e0 parcourir. C&#8217;est particuli\u00e8rement vrai lorsque vous parcourez les pages de produits WooCommerce \u00e0 l&#8217;aide d&#8217;appareils mobiles. Heureusement, WooCommerce Attribute Images change cela.Gr\u00e2ce aux outils int\u00e9gr\u00e9s de personnalisation des \u00e9chantillons, les administrateurs de magasins WooCommerce peuvent d\u00e9finir des largeurs diff\u00e9rentes pour les images des attributs. Des \u00e9chantillons diff\u00e9rents peuvent donc \u00eatre utilis\u00e9s pour attirer l&#8217;attention des gens et susciter des interactions plus significatives avec le produit.<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/simple-product-with-attribute-images-table\/\" target=\"_blank\" class=\"button primary is-link\" rel=\"noopener\">\n\t\t<span>Voir la d\u00e9mo<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_43090224 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n@media (min-width:550px) {\n  #section_43090224 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_43090224 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_2101295036\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1136509497\">\n\t<div id=\"col-2123468213\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>D\u00e9finir des ic\u00f4nes d&#8217;attributs pour des attributs de produits sp\u00e9cifiques<\/h2>\n<p>Lors de la configuration des \u00e9chantillons, les administrateurs de WooCommerce peuvent ne pas disposer d&#8217;images adapt\u00e9es aux diff\u00e9rents champs d&#8217;attributs. Heureusement, lorsqu&#8217;il n&#8217;y a pas d&#8217;image, le plugin WooCommerce Attribute Images affiche automatiquement un champ de texte normal. En outre, les administrateurs de magasin peuvent \u00e9galement configurer les images d&#8217;attribut pour afficher des titres et des infobulles r\u00e9guliers.<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/two-attribute-images\/\" target=\"_blank\" class=\"button white is-link\" rel=\"noopener\">\n\t\t<span>Voir la d\u00e9mo<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1687183642\" class=\"col medium-12 small-12 large-6 small-col-first\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1815820510\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"597\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-1024x599.png\" class=\"attachment-large size-large\" alt=\"multiple swatches\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-1024x599.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-500x292.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-1000x585.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-300x175.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-768x449.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches-1536x899.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/multiple-swatches.png 1918w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1815820510 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_2101295036 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_2101295036 .section-bg-overlay {\n  background-color: #3171ee;\n}\n@media (min-width:550px) {\n  #section_2101295036 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_2101295036 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1601987464\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1031419591\">\n\t<div id=\"col-275049796\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_534886140\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"508\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-1024x510.png\" class=\"attachment-large size-large\" alt=\"WooCommerce Variation Swatches in Shop Loop\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-1024x510.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-500x249.jpg 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-1000x498.jpg 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-300x149.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-768x382.jpg 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-1536x765.jpg 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/07\/Variation-Swatches-in-Shop-Loop-2048x1020.jpg 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_534886140 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1136703954\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Avantages des attributs d&#8217;image<\/h2>\n<p>La transformation du texte des attributs en images rend les pages de produits de WooCommerce beaucoup plus faciles \u00e0 naviguer.<\/p>\n<ul>\n<li>Les attributs d&#8217;image r\u00e9pondent aux besoins des 80 % d&#8217;internautes qui se connectent via des appareils mobiles<\/li>\n<li>Les informations sur les produits de WooCommerce sont plus claires et plus interactives<\/li>\n<li>Des listes plus faciles \u00e0 parcourir se traduisent en fin de compte par une augmentation des ventes et des conversions sur site<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1601987464 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n@media (min-width:550px) {\n  #section_1601987464 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1601987464 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Fatigu\u00e9 du texte ennuyeux des attributs ? Avec notre plugin WooCommerce Attribute Images, vous pouvez facilement transformer les attributs en images. Cela fonctionne \u00e9galement sur les produits o\u00f9 vous utilisez des variations &#8211; il suffit de remplacer les champs de s\u00e9lection de variation ennuyeux par des \u00e9chantillons d&#8217;images.<\/p>\n","protected":false},"featured_media":2644,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"product_brand":[],"product_cat":[43,41],"product_tag":[],"class_list":{"0":"post-4427","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-woocommerce-plugins","7":"product_cat-plugins","9":"first","10":"instock","11":"taxable","12":"shipping-taxable","13":"purchasable","14":"product-type-variable"},"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product\/4427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=4427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media\/2644"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=4427"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_brand?post=4427"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=4427"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_tag?post=4427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}