{"id":32,"date":"2017-02-25T09:31:44","date_gmt":"2017-02-25T09:31:44","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/?page_id=32"},"modified":"2023-06-28T10:17:06","modified_gmt":"2023-06-28T10:17:06","slug":"yith-woocommerce-color-label-variations-documentation","status":"publish","type":"page","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/","title":{"rendered":"YITH Color, Image & Label Variation Swatches for WooCommerce Documentation"},"content":{"rendered":"
\n

YITH Color, Image & Label Variation Swatches for WooCommerce allows replacing standard WooCommerce select with icons, custom images, and dynamic labels.<\/p>\n

The plugin is extremely versatile and adapts to any type of product:<\/b> from clothes – for which you will surely need to show all the available sizes and colors – to jewels – you may need to show advanced options, such as gemstone shapes, necklace lengths or ring sizes, or if the product is available in different precious metals and so on.
\nRegardless of what you sell, by showing your product options through ad hoc images and icons, you will help your users understand<\/strong> as soon as they visit the page, which options are available for that product: for example, in a few seconds, they will be able to understand that the T-shirt they like so much is available in their size or favorite color. From that moment to their clicking on the \u201cPurchase\u201d button is a short step!<\/p>\n

This guide aims to illustrate plugin features and help you solve any possible doubts raised when using the plugin.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

YITH Color, Image & Label Variation Swatches for WooCommerce allows replacing standard WooCommerce select with icons, custom images, and dynamic labels. The plugin is extremely versatile and adapts to any type of product: from clothes – for which you will surely need to show all the available sizes and colors – to jewels – you … Continue reading YITH Color, Image & Label Variation Swatches for WooCommerce Documentation<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":173,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nYITH WooCommerce Color and Label Variations Documentation<\/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-color-label-variations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH WooCommerce Color and Label Variations Documentation\" \/>\n<meta property=\"og:description\" content=\"YITH Color, Image & Label Variation Swatches for WooCommerce allows replacing standard WooCommerce select with icons, custom images, and dynamic labels. The plugin is extremely versatile and adapts to any type of product: from clothes – for which you will surely need to show all the available sizes and colors – to jewels – you … Continue reading YITH Color, Image & Label Variation Swatches for WooCommerce Documentation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH Color, Image & Label Variation Swatches for WooCommerce\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-28T10:17:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"281\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" 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-color-label-variations\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/\",\"name\":\"YITH WooCommerce Color and Label Variations Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg\",\"datePublished\":\"2017-02-25T09:31:44+00:00\",\"dateModified\":\"2023-06-28T10:17:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg\",\"width\":825,\"height\":281},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"YITH Color, Image & Label Variation Swatches for WooCommerce Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/\",\"name\":\"YITH Color, Image & Label Variation Swatches for WooCommerce\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH WooCommerce Color and Label Variations Documentation","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-color-label-variations\/","og_locale":"en_US","og_type":"article","og_title":"YITH WooCommerce Color and Label Variations Documentation","og_description":"YITH Color, Image & Label Variation Swatches for WooCommerce allows replacing standard WooCommerce select with icons, custom images, and dynamic labels. The plugin is extremely versatile and adapts to any type of product: from clothes – for which you will surely need to show all the available sizes and colors – to jewels – you … Continue reading YITH Color, Image & Label Variation Swatches for WooCommerce Documentation","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/","og_site_name":"YITH Color, Image & Label Variation Swatches for WooCommerce","article_modified_time":"2023-06-28T10:17:06+00:00","og_image":[{"width":825,"height":281,"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/","name":"YITH WooCommerce Color and Label Variations Documentation","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg","datePublished":"2017-02-25T09:31:44+00:00","dateModified":"2023-06-28T10:17:06+00:00","breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-content\/uploads\/sites\/309\/2019\/12\/31_color-label.jpg","width":825,"height":281},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/"},{"@type":"ListItem","position":2,"name":"YITH Color, Image & Label Variation Swatches for WooCommerce Documentation"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/","name":"YITH Color, Image & Label Variation Swatches for WooCommerce","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":6,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/pages\/32\/revisions\/467"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/media\/173"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-color-label-variations\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}