{"id":306,"date":"2020-05-18T19:37:45","date_gmt":"2020-05-18T19:37:45","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup-new\/?p=306"},"modified":"2023-12-15T15:55:15","modified_gmt":"2023-12-15T15:55:15","slug":"yith-woocommerce-color-and-label-variations","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/","title":{"rendered":"YITH Color, Image &#038; Label Variation Swatches for WooCommerce"},"content":{"rendered":"\n<p>With YITH Color, Image &amp; Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also allows splitting variations of the same product and showing them as separate items on the Shop and archive pages.<\/p>\n\n\n\n<p>The combined use of these two plugins allows users to choose the variation of the products directly from the modal window.<\/p>\n\n\n\n<p>To do that, you need to install and activate both plugins on your e-commerce site (both premium versions).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"976\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg\" alt=\"Integration with YITH Color, Image &amp; Label Variation Swatches for WooCommerce\" class=\"wp-image-559\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg 976w, https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1-300x300.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1-150x150.jpg 150w, https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1-768x768.jpg 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/a><\/figure>\n\n\n\n<p>For further details about YITH Color, Image &amp; Label Variation Swatches for WooCommerce settings, please refer to the <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/\" target=\"_blank\" rel=\"noopener noreferrer\">official documentation<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With YITH Color, Image &amp; Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">YITH Color, Image &#038; Label Variation Swatches for WooCommerce<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-306","post","type-post","status-publish","format-standard","hentry","category-integrations"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Added to Cart Popup: YITH Color, Image &amp; Label Variation Swatches for WooCommerce<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Added to Cart Popup: YITH Color, Image &amp; Label Variation Swatches for WooCommerce\" \/>\n<meta property=\"og:description\" content=\"With YITH Color, Image &amp; Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also &hellip; Continue reading YITH Color, Image &#038; Label Variation Swatches for WooCommerce\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Added to Cart Popup\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-18T19:37:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-15T15:55:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg\" \/>\n<meta name=\"author\" content=\"alessandra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"alessandra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/\",\"name\":\"YITH Added to Cart Popup: YITH Color, Image & Label Variation Swatches for WooCommerce\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg\",\"datePublished\":\"2020-05-18T19:37:45+00:00\",\"dateModified\":\"2023-12-15T15:55:15+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg\",\"width\":976,\"height\":976},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"YITH Color, Image &#038; Label Variation Swatches for WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/\",\"name\":\"YITH WooCommerce Added to Cart Popup\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd\",\"name\":\"alessandra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g\",\"caption\":\"alessandra\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/author\/alessandra\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Added to Cart Popup: YITH Color, Image & Label Variation Swatches for WooCommerce","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/","og_locale":"en_US","og_type":"article","og_title":"YITH Added to Cart Popup: YITH Color, Image & Label Variation Swatches for WooCommerce","og_description":"With YITH Color, Image &amp; Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also &hellip; Continue reading YITH Color, Image &#038; Label Variation Swatches for WooCommerce","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/","og_site_name":"YITH WooCommerce Added to Cart Popup","article_published_time":"2020-05-18T19:37:45+00:00","article_modified_time":"2023-12-15T15:55:15+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg","type":"","width":"","height":""}],"author":"alessandra","twitter_card":"summary_large_image","twitter_misc":{"Written by":"alessandra","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/","name":"YITH Added to Cart Popup: YITH Color, Image & Label Variation Swatches for WooCommerce","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg","datePublished":"2020-05-18T19:37:45+00:00","dateModified":"2023-12-15T15:55:15+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-content\/uploads\/sites\/283\/2023\/06\/added-to-cart-1.jpg","width":976,"height":976},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/settings\/integrations\/yith-woocommerce-color-and-label-variations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/"},{"@type":"ListItem","position":2,"name":"YITH Color, Image &#038; Label Variation Swatches for WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/","name":"YITH WooCommerce Added to Cart Popup","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#\/schema\/person\/526d0e378b94e5d769cc699423a893fd","name":"alessandra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a82076030fd86df0a1c777be78906d9?s=96&d=mm&r=g","caption":"alessandra"},"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/author\/alessandra\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/posts\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":5,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/posts\/306\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/posts\/306\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/media?parent=306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/categories?post=306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-added-to-cart-popup\/wp-json\/wp\/v2\/tags?post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}