{"id":8483,"date":"2021-04-30T15:04:40","date_gmt":"2021-04-30T13:04:40","guid":{"rendered":"https:\/\/www.welaunch.io\/es\/?post_type=faq&#038;p=8483"},"modified":"2024-05-15T13:36:22","modified_gmt":"2024-05-15T11:36:22","slug":"single-product-variation-images-are-missing","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/es\/knowledge-base\/faq\/single-product-variation-images-are-missing\/","title":{"rendered":"Faltan im\u00e1genes de Variaci\u00f3n de un solo producto"},"content":{"rendered":"<p>Al utilizar nuestro plugin de variaciones individuales para WooCommerce puede que veas que faltan im\u00e1genes en tus p\u00e1ginas de categor\u00edas o de listado de productos. La principal causa de este problema es que los temas a menudo s\u00f3lo tratan de enumerar la imagen principal del producto en las categor\u00edas. Sin embargo, la mayor\u00eda de las veces no se le asigna una imagen principal expl\u00edcita. Adem\u00e1s, las variaciones por defecto no tienen forma de asignarles im\u00e1genes de galer\u00eda, que la mayor\u00eda de los temas utilizan para mostrar un bonito efecto hover. Hay dos formas de solucionarlo.<\/p>\n<h2>Asignar manualmente im\u00e1genes de variaci\u00f3n<\/h2>\n<p>La primera soluci\u00f3n ser\u00eda asignar manualmente una imagen de variaci\u00f3n principal para cada variaci\u00f3n. Para ello:<\/p>\n<ol>\n<li>Editar un producto Variable en Backend<\/li>\n<li>Ir a la secci\u00f3n Variaciones<\/li>\n<li>Abrir una variaci\u00f3n<\/li>\n<li>Haga clic en el icono de la imagen para asignar una imagen de variaci\u00f3n<\/li>\n<li>Guardar<\/li>\n<\/ol>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2112482446\">\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\/es\/wp-content\/uploads\/sites\/12\/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\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/assign-variation-image-in-WooCommerce-1024x443.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/assign-variation-image-in-WooCommerce-300x130.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/assign-variation-image-in-WooCommerce-768x332.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/assign-variation-image-in-WooCommerce-1536x665.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/assign-variation-image-in-WooCommerce-247x107.png 247w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/assign-variation-image-in-WooCommerce-510x221.png 510w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/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_2112482446 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1298816300\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1298816300 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n<p>En algunos casos la soluci\u00f3n no es aceptable o requerir\u00eda demasiado trabajo asignar una imagen a cada variaci\u00f3n. Adem\u00e1s, esto no resuelve que no hay im\u00e1genes de la galer\u00eda \/ efectos de cambio de imagen hover se muestran en su listado. Aqu\u00ed es donde entra en juego la segunda soluci\u00f3n.<\/p>\n<h2>Utilice nuestro plugin de im\u00e1genes de galer\u00eda de variaciones de productos<\/h2>\n<p>Nuestro plugin WooCommerce variation gallery images soluciona dos problemas:<\/p>\n<ol>\n<li>Crea un fallback para las im\u00e1genes de variaci\u00f3n a la imagen principal del producto<\/li>\n<li>Permite asignar im\u00e1genes de galer\u00eda para las variaciones<\/li>\n<\/ol>\n<p>Basta con activar ambas opciones. A continuaci\u00f3n, en los listados de categor\u00edas, los productos con variaciones mostrar\u00e1n la imagen del producto principal cuando est\u00e9n vac\u00edos. Adem\u00e1s, mostrar\u00e1 una galer\u00eda de im\u00e1genes de la propia variaci\u00f3n o de la galer\u00eda de im\u00e1genes del producto principal.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_571364667\">\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\/es\/wp-content\/uploads\/sites\/12\/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\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/Variation-image-fallback-gallery-images-1024x325.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/Variation-image-fallback-gallery-images-300x95.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/Variation-image-fallback-gallery-images-768x244.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/Variation-image-fallback-gallery-images-1536x488.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/Variation-image-fallback-gallery-images-247x78.png 247w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/Variation-image-fallback-gallery-images-510x162.png 510w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/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_571364667 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1253344667\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1253344667 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n<p>Adem\u00e1s, ahora tambi\u00e9n puede establecer im\u00e1genes de galer\u00eda para cada producto de variaci\u00f3n individual, como puede ver en la siguiente imagen.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_147684740\">\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\/es\/wp-content\/uploads\/sites\/12\/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\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-1024x642.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-300x188.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-768x482.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-247x155.png 247w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2021\/04\/set-custom-variation-gallery-images-in-WooCommerce-510x320.png 510w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/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_147684740 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t<div id=\"gap-1822284919\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1822284919 {\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=\"Consigue nuestro plugin WooCommerce Gallery Images\" >\n\t\t<span>Consigue nuestro 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\/es\/wp-json\/wp\/v2\/faq\/8483","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=8483"}],"version-history":[{"count":9,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/faq\/8483\/revisions"}],"predecessor-version":[{"id":8768,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/faq\/8483\/revisions\/8768"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=8483"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product_cat?post=8483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}