{"id":8483,"date":"2021-04-30T15:04:40","date_gmt":"2021-04-30T13:04:40","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?post_type=faq&#038;p=8483"},"modified":"2024-05-14T13:41:03","modified_gmt":"2024-05-14T11:41:03","slug":"les-images-des-variations-dun-seul-produit-sont-manquantes","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/les-images-des-variations-dun-seul-produit-sont-manquantes\/","title":{"rendered":"Les images d&#8217;une seule variation de produit sont manquantes"},"content":{"rendered":"<p>Lorsque vous utilisez notre plugin de variations uniques pour WooCommerce, vous pouvez voir des images manquantes dans vos pages de cat\u00e9gories ou de listes de produits. La cause principale de ce probl\u00e8me est que les th\u00e8mes essaient souvent de lister l&#8217;image principale du produit dans les cat\u00e9gories. Cependant, la plupart du temps, une variante n&#8217;a pas d&#8217;image principale explicite. En outre, les variations n&#8217;ont par d\u00e9faut aucun moyen de leur attribuer des images de galerie, que la plupart des th\u00e8mes utilisent pour afficher un bel effet de survol. Il y a deux fa\u00e7ons de r\u00e9soudre ce probl\u00e8me.<\/p>\n<h2>Attribuer manuellement des images de variation<\/h2>\n<p>La premi\u00e8re solution consisterait \u00e0 attribuer manuellement une image de variation principale \u00e0 chaque variation. Pour ce faire :<\/p>\n<ol>\n<li>Modifier un produit variable dans le backend<\/li>\n<li>Aller \u00e0 la section Variations<\/li>\n<li>Ouvrir une variante<\/li>\n<li>Cliquez sur l&#8217;ic\u00f4ne de l&#8217;image pour attribuer une image de variation<\/li>\n<li>\u00c9conomiser<\/li>\n<\/ol>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_484578973\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 box-shadow-2-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"441\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-1024x443.png\" class=\"attachment-large size-large\" alt=\"assign variation image in WooCommerce\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-1024x443.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-300x130.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-768x332.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-1536x665.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-247x107.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce-510x221.png 510w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/assign-variation-image-in-WooCommerce.png 1812w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"caption\">assign variation image in WooCommerce<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_484578973 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1091195739\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1091195739 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Dans certains cas, la solution n&#8217;est pas acceptable ou l&#8217;attribution d&#8217;une image \u00e0 chaque variation demanderait trop de travail. Cela ne r\u00e9sout pas non plus le fait qu&#8217;il n&#8217;y ait pas d&#8217;images de la galerie ou d&#8217;effets de permutation d&#8217;images au survol dans votre liste. C&#8217;est l\u00e0 qu&#8217;intervient la deuxi\u00e8me solution.<\/p>\n<h2>Utilisez notre plugin Product Variation Gallery Images<\/h2>\n<p>Notre plugin WooCommerce variation gallery images r\u00e9sout deux probl\u00e8mes :<\/p>\n<ol>\n<li>Il cr\u00e9e une image de remplacement pour les images de variation par rapport \u00e0 l&#8217;image principale du produit<\/li>\n<li>Il permet d&#8217;attribuer des images de galerie aux variations<\/li>\n<\/ol>\n<p>Il suffit d&#8217;activer les deux param\u00e8tres. Ensuite, dans vos listes de cat\u00e9gories, vos produits de variation afficheront l&#8217;image principale du produit parent lorsqu&#8217;elle est vide. En outre, il affichera une galerie d&#8217;images de la variation elle-m\u00eame ou de la galerie d&#8217;images du produit parent principal.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1544816071\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 box-shadow-2-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"324\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-1024x325.png\" class=\"attachment-large size-large\" alt=\"Variation image fallback &amp; gallery images\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-1024x325.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-300x95.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-768x244.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-1536x488.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-247x78.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images-510x162.png 510w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/Variation-image-fallback-gallery-images.png 1814w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"caption\">Variation image fallback &amp; gallery images<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1544816071 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1392406106\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1392406106 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n<p>En outre, vous pouvez d\u00e9sormais d\u00e9finir des images de galerie pour chaque produit \u00e0 variation unique, comme vous pouvez le voir dans l&#8217;image ci-dessous.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_812480668\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 box-shadow-2-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"639\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-1024x642.png\" class=\"attachment-large size-large\" alt=\"set custom variation gallery images in WooCommerce\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-1024x642.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-300x188.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-768x482.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-247x155.png 247w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-510x320.png 510w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce.png 1154w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"caption\">set custom variation gallery images in WooCommerce<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_812480668 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-948656590\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-948656590 {\n  padding-top: 60px;\n}\n<\/style>\n\t<\/div>\n\t<a href=\"https:\/\/www.welaunch.io\/en\/product\/woocommerce-gallery-images\/\" class=\"button primary\" rel=\"T\u00e9l\u00e9chargez notre plugin WooCommerce Gallery Images\" >\n\t\t<span>T\u00e9l\u00e9chargez notre plugin WooCommerce Gallery Images<\/span>\n\t<\/a>\n\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-8483","faq","type-faq","status-publish","hentry","faq_topics-gallery-images","faq_topics-show-single-variations","faq_topics-single-variations-faq"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8483","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=8483"}],"version-history":[{"count":9,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8483\/revisions"}],"predecessor-version":[{"id":8673,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/8483\/revisions\/8673"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=8483"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=8483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}