{"id":351,"date":"2025-04-21T07:18:30","date_gmt":"2025-04-21T07:18:30","guid":{"rendered":"https:\/\/zopping.com\/blog\/?p=351"},"modified":"2025-07-09T11:16:31","modified_gmt":"2025-07-09T11:16:31","slug":"how-to-use-product-variant-support-extension","status":"publish","type":"post","link":"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/","title":{"rendered":"How to use Product Variant Support extension?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Quick Links<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #121213;color:#121213\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #121213;color:#121213\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#What_is_Product_Variant_Support_Extension\" >What is Product Variant Support Extension?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#Why_do_I_need_this_extension\" >Why do I need this extension?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#How_to_install_Product_Variant_Support_Extension_on_Zopping\" >How to install Product Variant Support Extension on Zopping?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#How_to_define_the_product_variants_for_my_products\" >How to define the product variants for my products?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#How_will_this_change_reflect_on_my_website\" >How will this change reflect on my website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#How_to_add_multiple_variants\" >How to add multiple variants?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#How_will_this_change_reflect_on_my_website-2\" >How will this change reflect on my website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-use-product-variant-support-extension\/#What_happens_when_I_uninstall_this_extension\" >What happens when I uninstall this extension?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_Product_Variant_Support_Extension\"><\/span>What is Product Variant Support Extension?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This extension enables store owners to add variants (for example: size, colour, weight, etc) to a single product instead of creating multiple products thus helping their customers to choose the desired variant from the same product page instead of navigating between multiple pages.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Why_do_I_need_this_extension\"><\/span>Why do I need this extension?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Let\u2019s take a real-time example. When you have to upload a product to your online catalog, you have to enter specific details (for eg., brand name, category, description, product image, etc.). Once that is done, your product will be visible on your website for sale. But oftentimes, if you have different variants (weight, colour, or size) of the same product available for sale, by logic, you would have to enter its corresponding product details in the product catalog for individual products. Here is where the Product Variant Support Extension comes in handy. This extension will help you define these variants under the same product with their identifiers. You can define unique prices and taxes, images, and stock for each variant.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_install_Product_Variant_Support_Extension_on_Zopping\"><\/span>How to install Product Variant Support Extension on Zopping?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"zp_section\"><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/productVariantimg1-371f305b6e4b96758822715d248bd0f9-1024x641.webp\" alt=\"\" \/><\/p>\n<div>\n<ul>\n<li>Navigate to the Settings &gt; Extensions &gt; Catalogue section.<\/li>\n<li>Here you will find the Product Variant Support extension. Click on Install and add the extension to your website.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_define_the_product_variants_for_my_products\"><\/span>How to define the product variants for my products?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"zp_section\"><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg2-13b6488393803baaae1089cf6c4be713-1024x660.webp\" alt=\"\" \/><\/p>\n<div>\n<ol>\n<li>Navigate back to your product catalog, click on any existing product, and select the Edit option or simply add a new product.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<div class=\"zp_section\"><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg3-75b3f86f37f369a32eb0efb88d19f218-1024x660.webp\" alt=\"\" \/><\/p>\n<div>\n<ol start=\"2\">\n<li>On the Add\/ Edit Product page, scroll down to the Variants section and enable it using the toggle button on the right side of the screen.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<div class=\"zp_section\"><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg4-51683239c423d1a936853bea0e2a1b47-1024x660.webp\" alt=\"\" \/><\/p>\n<div>\n<ol start=\"3\">\n<li>Once you have added the variant, it will show up as shown below. Here for example purposes, We have added two variants (blue, and red). Add all relevant product details (images, price, product ID, etc) for each variant and save.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_will_this_change_reflect_on_my_website\"><\/span>How will this change reflect on my website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When your customer views the product on your website, they will see the product details like this. Please note that the product shown below now has two variants (Pale blue, and red).Similarly, you can add other relevant variants for every product in your catalog. Please note that configuring the variants for a product is completely optional, which means you can continue to add products without necessarily adding variants to them even though the extension is installed.<\/p>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-13.png\" alt=\"\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_add_multiple_variants\"><\/span>How to add multiple variants?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In a few scenarios, you might need to add multiple variants to the same product. Example: A T-shirt might have variants by colour and size. In such scenarios, each variant that you add needs to have a unique colour value and size value.<\/p>\n<p><strong>To implement the multi-variant feature, follow the below steps:<\/strong><\/p>\n<ol style=\"margin-bottom: 15px;\">\n<li>After installing the Product Variant Support extension, navigate to the Extensions &gt; Installed section. You will find the same extension in this window. Click on the Configure option.<\/li>\n<li>Once you are on the configuration page, click on the Enable Product Properties checkbox. Here you can add the different properties that you would like to define for any product in general. In the screengrab shown here, This is a sample store set up for a clothing line. Hence the variants added have been size, color, material, etc.<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-48.png\" alt=\"\" \/><\/p>\n<ol style=\"margin-bottom: 15px;\" start=\"3\">\n<li>Now, go to the edit product page as instructed before. When you click on the toggle button, a small window will open. Here you will be asked to add the relevant properties associated with the product you are dealing with. For example, if you are adding a product description for a saree, you would want to mention the color, and material as a variant. This is completely optional.<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-15.png\" alt=\"\" \/><\/p>\n<ol start=\"4\">\n<li>Under the Variants section, you will see boxes with the selected properties (in this case, color) mentioned. Fill in with the required information and click on Add Variant. Continue adding relevant product information for each one as shown.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"How_will_this_change_reflect_on_my_website-2\"><\/span>How will this change reflect on my website?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-16.png\" alt=\"\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_happens_when_I_uninstall_this_extension\"><\/span>What happens when I uninstall this extension?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>You can no longer add variants to products.<\/li>\n<li>All existing products with variants will no longer be a part of your product catalog.<\/li>\n<\/ol>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"What is Product Variant Support Extension?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"This extension enables store owners to add variants (for example: size, colour, weight, etc) to a single product instead of creating multiple products thus helping their customers to choose the desired variant from the same product page instead of navigating between multiple pages.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"How will this change reflect on my website?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"When your customer views the product on your website, they will see the product details like this. Please note that the product shown below now has two variants (Pale blue, and red).Similarly, you can add other relevant variants for every product in your catalog.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"What happens when I uninstall this extension?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"You can no longer add variants to products.\nAll existing products with variants will no longer be a part of your product catalog.\"\n    }\n  }]\n}\n<\/script><br \/>\n<script type=\"application\/ld+json\">\n[\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productVariantimg1-371f305b6e4b96758822715d248bd0f9-1024x641.webp\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productVariantimg1-371f305b6e4b96758822715d248bd0f9-1024x641.webp\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg2-13b6488393803baaae1089cf6c4be713-1024x660.webp\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg2-13b6488393803baaae1089cf6c4be713-1024x660.webp\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg3-75b3f86f37f369a32eb0efb88d19f218-1024x660.webp\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg3-75b3f86f37f369a32eb0efb88d19f218-1024x660.webp\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg4-51683239c423d1a936853bea0e2a1b47-1024x660.webp\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/productvariantimg4-51683239c423d1a936853bea0e2a1b47-1024x660.webp\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-48.png\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-48.png\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-15.png\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-15.png\"\n  }\n]\n<\/script><br \/>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"name\": \"How to install Product Variant Support Extension on Zopping?\",\n  \"description\": \"Navigate to the Settings > Extensions > Catalogue section.\\n\\nHere you will find the Product Variant Support extension. Click on Install and add the extension to your website.\",\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 1\",\n      \"text\": \"Navigate to the Settings > Extensions > Catalogue section.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 2\",\n      \"text\": \"Here you will find the Product Variant Support extension. Click on Install and add the extension to your website.\"\n    }\n  ]\n}\n<\/script><br \/>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"name\": \"How to define the product variants for my products?\",\n  \"description\": \"Navigate back to your product catalog, click on any existing product, and select the Edit option or simply add a new product.\\n\\nOn the Add\/ Edit Product page, scroll down to the Variants section and enable it using the toggle button on the right side of the screen.\\n\\nOnce you have added the variant, it will show up as shown below. Here for example purposes, We have added two variants (blue, and red). Add all relevant product details (images, price, product ID, etc) for each variant and save.\",\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 1\",\n      \"text\": \"Navigate back to your product catalog, click on any existing product, and select the Edit option or simply add a new product.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 2\",\n      \"text\": \"On the Add\/ Edit Product page, scroll down to the Variants section and enable it using the toggle button on the right side of the screen.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 3\",\n      \"text\": \"Once you have added the variant, it will show up as shown below. Here for example purposes, We have added two variants (blue, and red). Add all relevant product details (images, price, product ID, etc) for each variant and save.\"\n    }\n  ]\n}\n<\/script><br \/>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"name\": \"How to add multiple variants?\",\n  \"description\": \"To implement the multi-variant feature, follow the below steps:\\n\\nAfter installing the Product Variant Support extension, navigate to the Extensions > Installed section. You will find the same extension in this window. Click on the Configure option.\\nOnce you are on the configuration page, click on the Enable Product Properties checkbox. Here you can add the different properties that you would like to define for any product in general. In the screengrab shown here, This is a sample store set up for a clothing line. Hence the variants added have been size, color, material, etc.\\n\\nNow, go to the edit product page as instructed before. When you click on the toggle button, a small window will open. Here you will be asked to add the relevant properties associated with the product you are dealing with. For example, if you are adding a product description for a saree, you would want to mention the color, and material as a variant. This is completely optional.\\n\\nUnder the Variants section, you will see boxes with the selected properties (in this case, color) mentioned. Fill in with the required information and click on Add Variant. Continue adding relevant product information for each one as shown.\",\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 1\",\n      \"text\": \"After installing the Product Variant Support extension, navigate to the Extensions > Installed section. You will find the same extension in this window. Click on the Configure option.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 2\",\n      \"text\": \"Once you are on the configuration page, click on the Enable Product Properties checkbox. Here you can add the different properties that you would like to define for any product in general. In the screengrab shown here, This is a sample store set up for a clothing line. Hence the variants added have been size, color, material, etc.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 3\",\n      \"text\": \"Now, go to the edit product page as instructed before. When you click on the toggle button, a small window will open. Here you will be asked to add the relevant properties associated with the product you are dealing with. For example, if you are adding a product description for a saree, you would want to mention the color, and material as a variant. This is completely optional.\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 4\",\n      \"text\": \"Under the Variants section, you will see boxes with the selected properties (in this case, color) mentioned. Fill in with the required information and click on Add Variant. Continue adding relevant product information for each one as shown.\"\n    }\n  ]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Product Variant Support Extension? This extension enables store owners to add variants (for example: size, colour, weight, etc) to a single product instead of creating multiple products thus helping their customers to choose the desired variant from the same product page instead of navigating between multiple pages. Why do I need this extension? [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":352,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-catalog"],"_links":{"self":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts\/351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/comments?post=351"}],"version-history":[{"count":7,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts\/351\/revisions"}],"predecessor-version":[{"id":2026,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts\/351\/revisions\/2026"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/media\/352"}],"wp:attachment":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/media?parent=351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/categories?post=351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/tags?post=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}