{"id":4156,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/?post_type=faq&#038;p=179"},"modified":"2024-05-15T11:29:04","modified_gmt":"2024-05-15T09:29:04","slug":"setup-woocommerce-attribute-images","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/setup-woocommerce-attribute-images\/","title":{"rendered":"Configuration des images d&#8217;attributs de WooCommerce"},"content":{"rendered":"<h2>Menu R\u00e9glages<\/h2>\n<p>Pour configurer le plugin, vous devez pouvoir voir le menu Attribute Images sous WooCommerce dans votre panneau d&#8217;administration. Si vous ne voyez pas ce menu, assurez-vous que le plugin Redux Framework est install\u00e9 et activ\u00e9.<\/p>\n<h2>Param\u00e8tres g\u00e9n\u00e9raux<\/h2>\n<p>Dans la partie des param\u00e8tres g\u00e9n\u00e9raux, vous pouvez activer notre plugin, activer l&#8217;affichage de l&#8217;infobulle et d\u00e9finir si vous souhaitez afficher les images d&#8217;attributs dans la page d&#8217;accueil &#8220;informations compl\u00e9mentaires&#8221; et dans les variations.<figure id=\"attachment_5294\" aria-describedby=\"caption-attachment-5294\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5294\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-attribute-images-settings-1024x628.png\" alt=\"Param\u00e8tres des images d'attributs de WooCommerce\" width=\"1020\" height=\"626\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-settings-1024x628.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-settings-300x184.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-settings-768x471.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-settings-500x307.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-settings-1000x614.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-settings.png 1512w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5294\" class=\"wp-caption-text\">Param\u00e8tres des images d&#8217;attributs de WooCommerce<\/figcaption><\/figure>\n<h2>Cat\u00e9gorie Variation Swatches Settings<\/h2>\n<p>Si vous souhaitez afficher les \u00e9chantillons de variations directement dans la boucle de votre boutique, vous devez activer la fonctionnalit\u00e9 ici. Veillez \u00e0 adapter les options de s\u00e9lection des images, des prix et des liens \u00e0 votre th\u00e8me. Vous pouvez utiliser les sourcils<figure id=\"attachment_5293\" aria-describedby=\"caption-attachment-5293\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5293\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-variation-swatches-options-1024x545.png\" alt=\"Options d'affichage des variations de WooCommerce\" width=\"1020\" height=\"543\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-variation-swatches-options-1024x545.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-variation-swatches-options-300x160.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-variation-swatches-options-768x409.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-variation-swatches-options-500x266.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-variation-swatches-options-1000x532.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-variation-swatches-options.png 1334w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5293\" class=\"wp-caption-text\">Options d&#8217;affichage des variations de WooCommerce<\/figcaption><\/figure>\n<h2>Options de style<\/h2>\n<p>En outre, vous pouvez d\u00e9finir certaines options de style. Il est possible de styliser le nom ou la valeur de l&#8217;attribut avec la couleur de la bordure, le rayon de la bordure, la largeur de l&#8217;image, etc.Suivant : D\u00e9finir des images d&#8217;attributs<figure id=\"attachment_5292\" aria-describedby=\"caption-attachment-5292\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5292\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-attribute-images-styling--1024x703.png\" alt=\"Style des images des attributs de WooCommerce\" width=\"1020\" height=\"700\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-styling--1024x703.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-styling--300x206.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-styling--768x528.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-styling--500x343.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-styling--1000x687.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-attribute-images-styling-.png 1332w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5292\" class=\"wp-caption-text\">Style des images des attributs de WooCommerce<\/figcaption><\/figure>\n<h2>Attribuer des images aux attributs<\/h2>\n<p>Apr\u00e8s la configuration, vous pouvez commencer \u00e0 assigner des images aux termes d&#8217;attributs de WooCommerce. Il suffit d&#8217;aller dans WP-Admin > Products > Attributes. Configurez ensuite le terme que vous souhaitez e.g. Couleur. Lorsque vous cr\u00e9ez une nouvelle valeur d&#8217;attribut ou que vous modifiez une valeur existante, vous voyez appara\u00eetre un champ permettant d&#8217;attacher une image. Sauvegarder et c&#8217;est termin\u00e9.<figure id=\"attachment_5291\" aria-describedby=\"caption-attachment-5291\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5291\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/attach-images-to-woocommerce-attribute-terms-1024x400.png\" alt=\"attacher des images aux termes d'attributs de WooCommerce\" width=\"1020\" height=\"398\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/attach-images-to-woocommerce-attribute-terms-1024x400.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/attach-images-to-woocommerce-attribute-terms-300x117.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/attach-images-to-woocommerce-attribute-terms-768x300.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/attach-images-to-woocommerce-attribute-terms-500x195.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/attach-images-to-woocommerce-attribute-terms-1000x390.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/attach-images-to-woocommerce-attribute-terms.png 1512w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5291\" class=\"wp-caption-text\">attacher des images aux termes d&#8217;attributs de WooCommerce<\/figcaption><\/figure>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4156","faq","type-faq","status-publish","hentry","faq_topics-attribute-images-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=4156"}],"version-history":[{"count":4,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4156\/revisions"}],"predecessor-version":[{"id":8970,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4156\/revisions\/8970"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=4156"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=4156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}