{"id":4427,"date":"2020-06-23T23:31:37","date_gmt":"2020-06-23T21:31:37","guid":{"rendered":"https:\/\/www.welaunch.io\/es\/?post_type=product&#038;p=4427"},"modified":"2025-08-30T12:53:15","modified_gmt":"2025-08-30T10:53:15","slug":"woocommerce-attribute-images","status":"publish","type":"product","link":"https:\/\/www.welaunch.io\/es\/product\/woocommerce-attribute-images\/","title":{"rendered":"Im\u00e1genes de atributos de WooCommerce y muestras de variaciones"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_1066916130\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row row-solid\"  id=\"row-27289930\">\n\t<div id=\"col-834811423\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM160 448H48c-8.837 0-16-7.163-16-16v-80h128v96zm0-128H32v-96h128v96zm0-128H32V96h128v96zm160 256H192v-96h128v96zm0-128H192v-96h128v96zm0-128H192V96h128v96zm160 160v80c0 8.837-7.163 16-16 16H352v-96h128zm0-32H352v-96h128v96zm0-128H352V96h128v96z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Im\u00e1genes de la tabla de atributos<\/h5>\t\t\t\t\t\tTransforme la tabla de datos del producto en im\u00e1genes con facilidad.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1308922466\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M192 80c0 8.837-7.164 16-16 16-35.29 0-64 28.71-64 64 0 8.837-7.164 16-16 16s-16-7.163-16-16c0-52.935 43.065-96 96-96 8.836 0 16 7.163 16 16zm176 96c0 101.731-51.697 91.541-90.516 192.674a23.722 23.722 0 0 1-5.484 8.369V464h-.018a23.99 23.99 0 0 1-5.241 14.574l-19.535 24.419A24 24 0 0 1 228.465 512h-72.93a24 24 0 0 1-18.741-9.007l-19.535-24.419A23.983 23.983 0 0 1 112.018 464H112v-86.997a24.153 24.153 0 0 1-5.54-8.478c-38.977-101.401-90.897-90.757-90.457-193.822C16.415 78.01 95.306 0 192 0c97.195 0 176 78.803 176 176zM240 448h-96v12.775L159.38 480h65.24L240 460.775V448zm0-64h-96v32h96v-32zm96-208c0-79.59-64.424-144-144-144-79.59 0-144 64.423-144 144 0 87.475 44.144 70.908 86.347 176h115.306C291.779 247.101 336 263.222 336 176z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Muestras de variaci\u00f3n<\/h5>\t\t\t\t\t\tUtilizar las mismas im\u00e1genes de atributos que las muestras de variaci\u00f3n y deshacerse de los campos de entrada de selecci\u00f3n est\u00e1ndar.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1822118540\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t\t<div class=\"icon-box featured-box icon-box-center text-center\"  >\n\t\t\t\t\t<div class=\"icon-box-img\" style=\"width: 50px\">\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t<div class=\"icon-inner\" style=\"color:rgb(101, 28, 255);\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 352 512\"><path d=\"M205.22 22.09C201.21 7.53 188.61 0 175.97 0c-12.35 0-24.74 7.2-29.19 22.09C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 480c-79.4 0-144-65.54-144-146.09 0-48.36 23-81.32 54.84-126.94 29.18-41.81 65.34-93.63 89.18-170.91 23.83 77.52 60.06 129.31 89.3 171.08C297.06 252.52 320 285.3 320 333.91 320 414.46 255.4 480 176 480zm0-64c-44.12 0-80-35.89-80-80 0-8.84-7.16-16-16-16s-16 7.16-16 16c0 61.75 50.25 112 112 112 8.84 0 16-7.16 16-16s-7.16-16-16-16z\"\/><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<div class=\"icon-box-text last-reset\">\n\t\t\t<h5 class=\"uppercase\">Estilo con facilidad<\/h5>\t\t\t\t\t\tEstablezca colores, anclas y m\u00e1s opciones de estilo directamente en la configuraci\u00f3n de nuestro plugin.\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1066916130 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_1812156315\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-628545963\">\n\t<div id=\"col-1354632336\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Mostrar los atributos del producto con im\u00e1genes<\/h2>\n<p>Las im\u00e1genes de alta calidad son vitales para el \u00e9xito de ventas de WooCommerce. Sin embargo, \u00bfqu\u00e9 pasar\u00eda si pudieras llevar las cosas un paso m\u00e1s all\u00e1? Y si adem\u00e1s de las im\u00e1genes de los productos de WooCommerce, pudieras mostrar los atributos de los productos con im\u00e1genes tambi\u00e9n?El plugin Attribute Images WooCommerce ofrece a los propietarios de tiendas una nueva forma de destacarse de su competencia.En lugar de utilizar texto para mostrar los tama\u00f1os de los productos y las variaciones de color, WooCommerce Attribute Images muestra los atributos de los productos como im\u00e1genes interactivas.\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1951418991\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t<div class=\"video video-fit mb box-shadow-2 box-shadow-3-hover\" style=\"padding-top:56.25%;\"><p><iframe title=\"WooCommerce Attribute Images\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/mv6ewnUCi9Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div>\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1812156315 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_1812156315 .section-bg-overlay {\n  background-color: rgb(49, 113, 238);\n}\n@media (min-width:550px) {\n  #section_1812156315 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1812156315 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1010954156\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-266826840\">\n\t<div id=\"col-671649676\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_328568426\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"569\" src=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-1024x571.png\" class=\"attachment-large size-large\" alt=\"WooCommerce filter images\" srcset=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-1024x571.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-500x279.png 500w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-1000x557.png 1000w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-300x167.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-768x428.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-1536x856.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/woocommerce-filter-images-2048x1141.png 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_328568426 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-991735829\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Llame la atenci\u00f3n sobre los atributos de su producto<\/h2>\n<p>Por defecto, los atributos de los productos de WooCommerce se muestran como texto. Esto no es necesariamente un problema. Sin embargo, los campos de texto pueden resultar aburridos y, a veces, tediosos de navegar.Para hacer que las p\u00e1ginas de productos parezcan m\u00e1s emocionantes visualmente, WooCommerce Attribute Images sustituye los aburridos campos de texto por llamativas muestras de im\u00e1genes.<\/p>\n<ul>\n<li>El uso de im\u00e1genes y muestras de color en lugar de atributos de texto facilita la interacci\u00f3n con los listados de productos<\/li>\n<li>Los atributos del producto basados en la imagen parecen m\u00e1s distintivos visualmente<\/li>\n<li>Cuando son seleccionadas por los clientes de la tienda WooCommerce, las im\u00e1genes de atributos se comportan de la misma manera que los atributos de texto convencionales<\/li>\n<\/ul>\n<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/\" target=\"_blank\" class=\"button primary is-link\" rel=\"noopener\">\n\t\t<span>Ver demostraci\u00f3n<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1010954156 {\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n@media (min-width:550px) {\n  #section_1010954156 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1010954156 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_802609822\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-407794161\">\n\t<div id=\"col-704116652\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Configure f\u00e1cilmente los atributos variables de los productos<\/h2>\n<p>Los productos de su tienda pueden variar en tama\u00f1o, estilo y color. Woocommerce Attribute Images, por lo tanto, permite a los administradores de la tienda configurar las im\u00e1genes de atributos en consecuencia.Los propietarios de tiendas que venden diferentes variaciones de un mismo producto pueden configurar las muestras de im\u00e1genes igual que los campos de texto normales.<\/p>\n<ul>\n<li>Las tablas de colores y las tablas de informaci\u00f3n de los productos pueden sustituirse por im\u00e1genes clicables<\/li>\n<li>Al hacer clic en las muestras de im\u00e1genes, las im\u00e1genes de los productos, los datos de los precios y otras variables de los productos se actualizar\u00e1n autom\u00e1ticamente.<\/li>\n<\/ul>\n<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/variable-product-with-one-attribute-image\/\" target=\"_blank\" class=\"button white is-link\" rel=\"noopener\">\n\t\t<span>Ver demostraci\u00f3n<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1430417615\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_902353378\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"575\" src=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-1024x577.png\" class=\"attachment-large size-large\" alt=\"Single product variation swatches\" srcset=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-1024x577.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-500x282.png 500w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-1000x564.png 1000w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-300x169.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-768x433.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches-1536x866.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Single-product-variation-swatches.png 1934w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_902353378 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_802609822 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_802609822 .section-bg-overlay {\n  background-color: #3171ee;\n}\n@media (min-width:550px) {\n  #section_802609822 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_802609822 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1666558121\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-1674382412\">\n\t<div id=\"col-1832800043\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_440676045\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"683\" src=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images-1024x686.png\" class=\"attachment-large size-large\" alt=\"WooCommerce Attribute Images\" srcset=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images-1024x686.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images-500x335.png 500w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images-1000x670.png 1000w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images-300x201.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images-768x514.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Attribute-Images.png 1126w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_440676045 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1898515854\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Estilo y personalizaci\u00f3n de im\u00e1genes de atributos<\/h2>\n<p>Los campos de texto de los atributos pueden ser dif\u00edciles de leer y navegar. Esto es especialmente cierto cuando se navega por las p\u00e1ginas de productos de WooCommerce utilizando dispositivos m\u00f3viles. Afortunadamente, WooCommerce Attribute Images cambia esto.Gracias a las sencillas herramientas de personalizaci\u00f3n de muestras incorporadas, los administradores de la tienda de WooCommerce pueden establecer diferentes anchos para las im\u00e1genes de atributos. Por lo tanto, se pueden utilizar diferentes muestras para captar la atenci\u00f3n de la gente e invitar a una mayor interacci\u00f3n con el producto.<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/simple-product-with-attribute-images-table\/\" target=\"_blank\" class=\"button primary is-link\" rel=\"noopener\">\n\t\t<span>Ver demostraci\u00f3n<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1666558121 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n@media (min-width:550px) {\n  #section_1666558121 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1666558121 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_1338922899\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-782236670\">\n\t<div id=\"col-112143704\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Establecer iconos de atributos para atributos espec\u00edficos del producto<\/h2>\n<p>Al configurar las muestras, los administradores de WooCommerce pueden no tener im\u00e1genes adecuadas para los diferentes campos de atributos. Afortunadamente, cuando no hay ninguna imagen, el plugin Attribute Images WooCommerce mostrar\u00e1 autom\u00e1ticamente un campo de texto normal. Adem\u00e1s, los administradores de la tienda tambi\u00e9n pueden configurar las im\u00e1genes de atributos para que muestren los t\u00edtulos habituales y la informaci\u00f3n sobre las herramientas.<a href=\"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/product\/two-attribute-images\/\" target=\"_blank\" class=\"button white is-link\" rel=\"noopener\">\n\t\t<span>Ver demostraci\u00f3n<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1574450954\" class=\"col medium-12 small-12 large-6 small-col-first\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1686038777\">\n\t\t\t\t\t\t<div data-animate=\"fadeInRight\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"597\" src=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-1024x599.png\" class=\"attachment-large size-large\" alt=\"multiple swatches\" srcset=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-1024x599.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-500x292.png 500w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-1000x585.png 1000w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-300x175.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-768x449.png 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches-1536x899.png 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/multiple-swatches.png 1918w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1686038777 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_1338922899 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n#section_1338922899 .section-bg-overlay {\n  background-color: #3171ee;\n}\n@media (min-width:550px) {\n  #section_1338922899 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_1338922899 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_194339618\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t<div class=\"row align-middle align-center\"  id=\"row-416297985\">\n\t<div id=\"col-1663783750\" class=\"col medium-12 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1108869817\">\n\t\t\t\t\t\t<div data-animate=\"fadeInLeft\">\t\t<div class=\"img-inner box-shadow-2 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"508\" src=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-1024x510.png\" class=\"attachment-large size-large\" alt=\"WooCommerce Variation Swatches in Shop Loop\" srcset=\"https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-1024x510.png 1024w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-500x249.jpg 500w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-1000x498.jpg 1000w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-300x149.png 300w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-768x382.jpg 768w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-1536x765.jpg 1536w, https:\/\/www.welaunch.io\/es\/wp-content\/uploads\/sites\/12\/2020\/07\/Variation-Swatches-in-Shop-Loop-2048x1020.jpg 2048w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t\t\t\n<style>\n#image_1108869817 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\t<div id=\"col-1013874992\" class=\"col medium-12 small-12 large-6 medium-col-first\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>Beneficios de los atributos de la imagen<\/h2>\n<p>Transformar el texto de los atributos en im\u00e1genes hace que las p\u00e1ginas de productos de WooCommerce sean mucho m\u00e1s f\u00e1ciles de navegar.<\/p>\n<ul>\n<li>Los atributos de imagen se dirigen al 80% de los usuarios de la web que se conectan a trav\u00e9s de dispositivos m\u00f3viles<\/li>\n<li>La informaci\u00f3n de los productos de WooCommerce es m\u00e1s clara e interactiva<\/li>\n<li>Los listados m\u00e1s f\u00e1ciles de navegar acaban generando m\u00e1s clientes potenciales y m\u00e1s conversiones en el sitio<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t<\/div>\t\t<\/div>\n\n\t\t\n<style>\n#section_194339618 {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n@media (min-width:550px) {\n  #section_194339618 {\n    padding-top: 50px;\n    padding-bottom: 50px;\n  }\n}\n@media (min-width:850px) {\n  #section_194339618 {\n    padding-top: 80px;\n    padding-bottom: 80px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"<p>\u00bfCansado del aburrido texto de los atributos? Con nuestro plugin WooCommerce Attribute Images puedes transformar f\u00e1cilmente los atributos en im\u00e1genes. Esto tambi\u00e9n funciona en los productos que usan Variaciones &#8211; simplemente reemplaza los aburridos campos de Selecci\u00f3n de Variaciones con muestras de im\u00e1genes.<\/p>\n","protected":false},"featured_media":2644,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"product_brand":[],"product_cat":[43,41],"product_tag":[],"class_list":{"0":"post-4427","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-woocommerce-plugins","7":"product_cat-plugins","9":"first","10":"instock","11":"shipping-taxable","12":"purchasable","13":"product-type-variable"},"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product\/4427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/comments?post=4427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media\/2644"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=4427"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product_brand?post=4427"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product_cat?post=4427"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/product_tag?post=4427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}