{"id":6112,"date":"2020-10-07T08:24:59","date_gmt":"2020-10-07T06:24:59","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?post_type=faq&#038;p=6112"},"modified":"2024-05-14T13:46:24","modified_gmt":"2024-05-14T11:46:24","slug":"show-second-variation-image-on-hover-woocommerce","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/show-second-variation-image-on-hover-woocommerce\/","title":{"rendered":"Comment afficher la deuxi\u00e8me image de la variation au survol WooCommerce"},"content":{"rendered":"<p>Par d\u00e9faut, WooCommerce n&#8217;affiche pas les variations simples dans la boucle de la boutique. Woo ne permet pas non plus d&#8217;ajouter des images de variations suppl\u00e9mentaires. C&#8217;est pourquoi vous aurez besoin de deux plugins<\/p>\n<ol>\n<li>Plugin pour afficher les variations individuelles dans votre boutique<\/li>\n<li>Plugin d&#8217;images de variations suppl\u00e9mentaires<\/li>\n<\/ol>\n<p>Apr\u00e8s avoir install\u00e9 les deux plugins, vous devez les configurer. Allez dans un produit variable, faites d\u00e9filer jusqu&#8217;aux variations et ajoutez en bas des images de variation.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1972609760\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"611\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-1024x613.png\" class=\"attachment-large size-large\" alt=\"add additional variation images\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-1024x613.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-300x180.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-768x460.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-1536x920.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-2048x1227.png 2048w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/add-additional-variation-images-510x306.png 510w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1972609760 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1477095504\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1477095504 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Vous pouvez v\u00e9rifier que tout fonctionne, en ouvrant maintenant ce produit variable et en s\u00e9lectionnant la variante tshirt rouge.<\/p>\n<p>Pour afficher les variations individuelles, allez dans WooCommerce > Single Variations et assurez-vous de cliquer sur &#8220;Variations de l&#8217;init&#8221;-Bouton. Ensuite, vous pouvez entrer dans votre boucle de magasin. 90% des th\u00e8mes permettent d&#8217;afficher la deuxi\u00e8me image au survol (e.g. Flatsome). Vous pouvez maintenant survoler votre produit et voir l&#8217;image de la galerie de la deuxi\u00e8me variante.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1340424851\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"403\" src=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-1024x405.png\" class=\"attachment-large size-large\" alt=\"2nd variation image in woocommerce shop loop\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-1024x405.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-300x119.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-768x304.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-1536x608.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-2048x811.png 2048w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-510x202.png 510w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1340424851 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-6112","faq","type-faq","status-publish","hentry","faq_topics-single-variations-faq","faq_topics-gallery-images"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/6112","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=6112"}],"version-history":[{"count":3,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/6112\/revisions"}],"predecessor-version":[{"id":8711,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/6112\/revisions\/8711"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=6112"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=6112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}