{"id":6112,"date":"2020-10-07T08:24:59","date_gmt":"2020-10-07T06:24:59","guid":{"rendered":"https:\/\/www.welaunch.io\/es\/?post_type=faq&#038;p=6112"},"modified":"2024-05-15T13:51:21","modified_gmt":"2024-05-15T11:51:21","slug":"show-second-variation-image-on-hover-woocommerce","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/es\/knowledge-base\/faq\/show-second-variation-image-on-hover-woocommerce\/","title":{"rendered":"C\u00f3mo mostrar la segunda imagen de variaci\u00f3n en WooCommerce hover"},"content":{"rendered":"<p>Por defecto WooCommerce no muestra variaciones individuales en el bucle de la tienda. Woo tampoco permite a\u00f1adir im\u00e1genes de variaci\u00f3n adicionales. Por eso necesitar\u00e1 dos plugins<\/p>\n<ol>\n<li>Plugin para mostrar variaciones individuales en su tienda<\/li>\n<li>Plugin de im\u00e1genes de variaci\u00f3n adicionales<\/li>\n<\/ol>\n<p>Una vez instalados ambos plugins, debe configurarlos. Ir a un producto variable, despl\u00e1cese a las variaciones y a\u00f1adir la parte inferior se pueden a\u00f1adir im\u00e1genes de variaci\u00f3n.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_105170190\">\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\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/add-additional-variation-images-1024x613.png\" class=\"attachment-large size-large\" alt=\"add additional variation images\" srcset=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/add-additional-variation-images-1024x613.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/add-additional-variation-images-300x180.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/add-additional-variation-images-768x460.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/add-additional-variation-images-1536x920.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/add-additional-variation-images-2048x1227.png 2048w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/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_105170190 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-162241365\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-162241365 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Puede comprobar que todo funciona cuando abra este producto variable y seleccione la variaci\u00f3n de camiseta roja.<\/p>\n<p>Para mostrar variaciones \u00fanicas, vaya a WooCommerce > Variaciones \u00fanicas y aseg\u00farese de hacer clic en &#8220;variaciones init&#8221;-Bot\u00f3n. Despu\u00e9s de que usted puede entrar en su tienda de bucle. El 90% de los temas permiten mostrar la segunda imagen al pasar el rat\u00f3n por encima (e.g. Flatsome). Ahora puede pasar el rat\u00f3n por encima de su producto y ver la imagen de la galer\u00eda de la segunda variaci\u00f3n.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_239583286\">\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\/es\/wp-content\/uploads\/sites\/12\/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\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-1024x405.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-300x119.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-768x304.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-1536x608.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/10\/2nd-variation-image-in-woocommerce-shop-loop-2048x811.png 2048w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/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_239583286 {\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\/es\/wp-json\/wp\/v2\/faq\/6112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/comments?post=6112"}],"version-history":[{"count":3,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/faq\/6112\/revisions"}],"predecessor-version":[{"id":8812,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/faq\/6112\/revisions\/8812"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=6112"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product_cat?post=6112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}