{"id":302,"date":"2020-06-13T15:50:00","date_gmt":"2020-06-13T15:50:00","guid":{"rendered":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/?page_id=302"},"modified":"2020-07-06T07:39:24","modified_gmt":"2020-07-06T07:39:24","slug":"color-variation-swatches","status":"publish","type":"page","link":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/color-variation-swatches\/","title":{"rendered":"Color Variation Swatches"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-content\/uploads\/sites\/2\/2020\/06\/color-swatches-1.gif\" alt=\"\" class=\"wp-image-341\"\/><figcaption><strong>Frontend Preview<\/strong><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/bit.ly\/single-product-color-demo\" target=\"_blank\" rel=\"noreferrer noopener\">Live Demo<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-vivid-red-background-color\" href=\"https:\/\/bit.ly\/unlock-all-features-color-swatches-catalog\" target=\"_blank\" rel=\"noreferrer noopener\">Unlock All Features<\/a><\/div>\n<\/div>\n\n\n\n<h2>Tutorials<\/h2>\n<ol>\n \t<li style=\"text-align: left;\"><a href=\"#global-color\">How To Create To Color Variation Swatches For Global Attributes<\/a><\/li>\n \t<li style=\"text-align: left;\"><a href=\"#manual-color\">How To Create To Color Variation Swatches For Manual Attributes<\/a><\/li>\n \t<li style=\"text-align: left;\"><a href=\"#scratch-color\">How To Create To Color Variation Swatches From Scratch<\/a><\/li>\n<\/ol>\n\n<hr>\n\n<span id=\"global-color\" style=\"color: #fff;\">.<\/span>\n<h3>How To Create Color Variation Swatches For Globally Created Attributes<\/h3>\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/UdIOadZzQhs?rel=0\" width=\"1080\" height=\"420\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<p style=\"text-align: center;\"><strong>Video Tutorial<\/strong><\/p>\n\n\n<hr>\n\nIf you have variable product in your store and have attribute variation created globally in <strong>attributes &gt;&gt; products<\/strong> page. This tutorial is for you.\n<h4>Step 01: Editing Attribute<\/h4>\nHead to the <strong>Products &gt;&gt; Attributes<\/strong>. All existing global attributes are listed in the attribute list page section. After installing WooCommerce Variation Swatches plugin, it adds <strong>Type<\/strong> field. By default it would show <strong>Select<\/strong> under <strong>Type<\/strong> title.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4210\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-01-1024x99.png\" alt=\"\" width=\"1024\" height=\"99\"><\/a>\n\n&nbsp;\n\nAs WooCommerce Variation Swatches Plugin comes with 4 attribute types: Color, Image, Button and Radio. You can set any of attribute type for your desired attribute.\n\nFor demonstration purpose, <strong>Pattern<\/strong> attribute has been created. We&#8217;ll add <strong>Color<\/strong> attribute type for <strong>Pattern<\/strong> attribute.\n\nTo set color attribute type to Pattern attribute, click on <strong>Edit<\/strong>.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-02.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4211\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-02-1024x102.png\" alt=\"\" width=\"1024\" height=\"102\"><\/a>\n\n&nbsp;\n\nAfter selecting button, it will open attribute editing panel. Select <strong>Color<\/strong> Type from the type dropdown.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-03.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4212\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-03-1024x633.png\" alt=\"\" width=\"1024\" height=\"633\"><\/a>\n\nWhen attribute type selection is completed, get back to the attribute list page. The Attribute list would look like the following image. Now Pattern Attribute is showing Color type instead of default Select type.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-04.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4213\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-04-1024x103.png\" alt=\"\" width=\"1024\" height=\"103\"><\/a>\n\nAfter selecting attribute type,&nbsp; the frontend of the product would look like the following screenshot. Don&#8217;t be panic, if you find your attribute variations are white. It happens because you haven&#8217;t defined any color for variations yet.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-05.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4214\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-05-1024x562.png\" alt=\"\" width=\"1024\" height=\"562\"><\/a>\n<h4>Step 02: Editing Variations<\/h4>\nTo define <strong>colors<\/strong> as variations inside the <strong>Pattern<\/strong> attribute. Head over to <strong>Products &gt;&gt; Attributes<\/strong>. Select <strong>Configure terms<\/strong> from Patterns attribute.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-06.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4216\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-06-1024x104.png\" alt=\"\" width=\"1024\" height=\"104\"><\/a>\n\nAfter selecting Configure terms, a list of attribute variations comes up. For <strong>Pattern <\/strong>attribute, three variations: Blue, Green, and Red variations are listed for me. As those variation have no color defined, they look like the following screenshot.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-07.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4217\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-07-1024x268.png\" alt=\"\" width=\"1024\" height=\"268\"><\/a>\n\nEdit each variation one by one to add variation color.&nbsp;For demonstration, I am going to select <strong>Edit<\/strong> link for <strong>Red<\/strong> variation.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-08.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4218\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-08-1024x269.png\" alt=\"\" width=\"1024\" height=\"269\"><\/a>\n\nFrom variation edit panel. Select desired color from <strong>Color-picker<\/strong> and the update the changes pressing the <strong>Update<\/strong> button. For my red variation, I&#8217;ve selected red color.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-09.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4219\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-09-1024x945.png\" alt=\"\" width=\"1024\" height=\"945\"><\/a>\n\nAfter adding color for entire variations, my variation list page looks like the following screenshot.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4220\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-10-1024x267.png\" alt=\"\" width=\"1024\" height=\"267\"><\/a>\n\nAnd the frontend of my variable product that is connected with global attribute would look like following image.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4221\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-11-1024x594.png\" alt=\"\" width=\"1024\" height=\"594\"><\/a>\n\n<hr>\n\n<span id=\"scratch-color\" style=\"color: #fff;\">.<\/span>\n<h3>How To Create Color Variation Swatches From Scratch<\/h3>\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/6puFniap6fQ?rel=0\" width=\"1080\" height=\"420\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<p style=\"text-align: center;\"><strong>Video Tutorial<\/strong><\/p>\n\n\n<hr>\n\n<h4>Step O1: Create Attribute<\/h4>\nAt the very beginning, we have to create color attributes and its variation globally. To create color attributes globally, navigate to <strong>Products &gt;&gt; Attributes<\/strong>. As we&#8217;ll create color attribute for our product. Fill the name field with your desired attribute name. In this tutorial, I&#8217;ve term attribute name: <strong>Color.&nbsp;<\/strong>\n\nYou can leave <strong>Slug<\/strong> field empty. It automatically generates the slug for the attribute. From the <strong>Type&nbsp;<\/strong>dropdown select <strong>Color<\/strong> attribute type. When your the mandatory fields are filled, select <strong>Add Attribute&nbsp;<\/strong>button.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-346 size-full\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/flatsome-vs-02.png\" alt=\"\" width=\"1078\" height=\"1146\">\n\nAfter creating attribute, you will notice a list is created in the right side. Check the following screenshot.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-350 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/flatsomevsw02-1024x88.png\" alt=\"\" width=\"1024\" height=\"88\">\n<h4>Step 02: Create Attribute Variations<\/h4>\nThe more variation you would add, they would get added to this list.&nbsp; When an attribute is created, we need to create attribute variations. To create product variations, click on the <strong>Configure terms<\/strong> from the attribute list.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-351 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/Flatsomewvs3-1024x88.png\" alt=\"\" width=\"1024\" height=\"88\">\n\nAs we have created a <strong>Color<\/strong> attribute. We&#8217;ll add colors as variations inside the Color attribute. In this tutorial, we&#8217;ll add <strong>Green<\/strong>, <strong>Blue<\/strong>, and <strong>Red<\/strong> Variations. To create variation inside Color attribute. Fill the <strong>Name<\/strong> field with your desired variation name, leave the slug field empty, and select your desired color from the color picker.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-354 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/attribute-variation-1024x505.png\" alt=\"\" width=\"1024\" height=\"505\">\n<h4>Step 03: Enable Attribute Variation in Variable Product<\/h4>\nIt&#8217;s time to enable color swatch inside a variable product. To enable color swatch in your desired product. Get into your desired product edit mode. Make sure you have <strong>variable product<\/strong> selected from <strong>Product Data<\/strong>.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-358 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/var-product-1024x597.png\" alt=\"\" width=\"1024\" height=\"597\">\n\nAfter selecting the <strong>Variable product<\/strong> from <strong>Product data<\/strong> dropdown, head to the <strong>Attributes<\/strong> Tab. Click on <strong>Custom product attribute<\/strong> dropdown. In this dropdown, you can see all your globally created attributes. As we&#8217;ve only created a <strong>color<\/strong> attribute, it&#8217;s now showing color attribute.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-362 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/color-attribute-1024x264.png\" alt=\"\" width=\"1024\" height=\"264\">\n\nNow select the <strong>Color&nbsp;<\/strong>attribute and click on <strong>Add.&nbsp;<\/strong>You can see the following screens appears afterward.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-364 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/variations-items-1024x266.png\" alt=\"\" width=\"1024\" height=\"266\">\n\nIf you want to select all available variations of the color attribute, click on <strong>Select all<\/strong> button. If you want to deselect all selected variations at once. Click on <strong>Select none<\/strong>. Button. Add all variations selecting <strong>Select All<\/strong> button, checked <strong>Used for variations&nbsp;<\/strong>settings and click on Save Attributes button. Check the following screenshot for guideline.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-366 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/v-select-1024x253.png\" alt=\"\" width=\"1024\" height=\"253\">\n\nNow get into Variations tab. Click on&nbsp;<strong>Add Variation<\/strong> dropdown. Here you will notice two options. First one is <strong>Add Variation<\/strong> and the second one is <strong>Create variations from all attributes.&nbsp;<\/strong>\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-368 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/vriation-o1-1024x259.png\" alt=\"\" width=\"1024\" height=\"259\">\n\nIn this tutorial, I am going to select <strong>Create variation from all attributes<\/strong> and click <strong>Go<\/strong> button. It&#8217;ll add all available variation like the following.\n\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-369 aligncenter\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/04\/each-variation-1024x661.png\" alt=\"\" width=\"1024\" height=\"661\">\n\nYou can see the above image that <strong>Blue<\/strong>, <strong>Green<\/strong>, and <strong>Red<\/strong> color variation is there. From this screen you can add variation image, variation price, and other variation specific details. When you have done with adding all your required details in each variation, click the <strong>Save Changes<\/strong> button.\n\n<strong>Remember<\/strong>! Don&#8217;t forget to add the price in each variation, otherwise, variation won&#8217;t be visible on the product frontend.\n\nIf you can successfully add variation color. You can see the following swatches in your product frontend.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4221\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-11-1024x594.png\" alt=\"\" width=\"1024\" height=\"594\"><\/a>\n\n<hr>\n\n<span id=\"manual-color\" style=\"color: #fff;\">.<\/span>\n<h3>How To Create Color Variation Swatches For Manually Created Attributes<\/h3>\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/XeSdKsVL15s?rel=0\" width=\"1080\" height=\"420\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<p style=\"text-align: center;\"><strong>Video Tutorial<\/strong><\/p>\n\n\n<hr>\n\n<h4>Step O1: Pro Plugin Setup<\/h4>\nIf you have variable products in your store and don&#8217;t have product attributes created globally, it means you have created attribute and it&#8217;s variations manually. To convert manually created attribute variations into color swatches, make sure you have <strong>premium version of WooCommerce Variation Swatches<\/strong> created.\n\n[button style=&#8221;rounded-btn&#8221; text=&#8221;Live Demo&#8221; button_link=&#8221;http:\/\/bit.ly\/color-manual-swatches-documentation&#8221; link_target=&#8221;_blank&#8221; type=&#8221;medium-btn&#8221; bg_color=&#8221;#333333&#8243; text_color=&#8221;#FFFFFF&#8221;] [button style=&#8221;rounded-btn&#8221; text=&#8221;Upgrade to Premium Version&#8221; button_link=&#8221;http:\/\/bit.ly\/color-manual-doc-pro&#8221; link_target=&#8221;_blank&#8221; type=&#8221;medium-btn&#8221; bg_color=&#8221;#56bfd4&#8243; text_color=&#8221;#FFFFFF&#8221;]\n<h4>Step O2: Change Manual Attribute Type<\/h4>\nIf you head to your <strong>Attributes tab<\/strong>&nbsp; from <strong>product data&nbsp;<\/strong>inside your product edit mode,&nbsp;and found variations are separated by pipe sign like the following screen. It means you have created&nbsp; variation manually.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/custom-variation.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5534\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/custom-variation.png\" alt=\"\" width=\"751\" height=\"406\"><\/a>\n\nTo Convert these manually created attribute variations, head to <strong>Swatches Settings<\/strong> tab, and select <strong>Color<\/strong> type from <strong>Select (Default)<\/strong> Dropdown.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/swatches-settings-custom.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5540\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/swatches-settings-custom.png\" alt=\"\" width=\"751\" height=\"258\"><\/a>\n\nAfter selecting attribute type,&nbsp; the frontend of the product would look like the following screenshot. Don&#8217;t be panic, if you find your attribute variations are white. It happens because you haven&#8217;t defined any color for variations yet.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-05.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4214\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-05-1024x562.png\" alt=\"\" width=\"1024\" height=\"562\"><\/a>\n\n<strong>Step O3: Select Color For Variations<\/strong>\n\nAfter selecting attribute type, press the Color attribute accordion, it will reveal setting to add colors for its available variations.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/swatches-settings-custom-pro.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5541\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/swatches-settings-custom-pro.png\" alt=\"\" width=\"751\" height=\"500\"><\/a>\n\nIf you can successfully add variation color. You can see the following swatches in your product frontend.\n\n<a href=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4221\" src=\"https:\/\/getwooplugins.com\/wp-content\/uploads\/2018\/05\/tutorial-image-11-1024x594.png\" alt=\"\" width=\"1024\" height=\"594\"><\/a>\n","protected":false},"excerpt":{"rendered":"<p>Tutorials How To Create To Color Variation Swatches For Global Attributes How To Create To Color Variation Swatches For Manual Attributes How To Create To Color Variation Swatches From Scratch . How To Create Color Variation Swatches For Globally Created Attributes Video Tutorial If you have variable product in your store and have attribute variation &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/color-variation-swatches\/\"> <span class=\"screen-reader-text\">Color Variation Swatches<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/pages\/302"}],"collection":[{"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":19,"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/pages\/302\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/pages\/302\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/demo.getwooplugins.com\/woocommerce-variation-swatches\/product-details\/wp-json\/wp\/v2\/media?parent=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}