{"id":6367,"date":"2021-06-03T15:38:40","date_gmt":"2021-06-03T15:38:40","guid":{"rendered":"https:\/\/zvendo.com\/blog\/?post_type=docs&#038;p=6367"},"modified":"2021-07-15T15:38:46","modified_gmt":"2021-07-15T15:38:46","slug":"how-to-add-a-option-with-several-variants","status":"publish","type":"docs","link":"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/","title":{"rendered":"How to Add Options with Several Variants"},"content":{"rendered":"<h3><b><span data-contrast=\"auto\">How to Add Options with Several Variants<\/span><\/b><\/h3>\n<p><span data-contrast=\"auto\">An option is the main criterion that includes many variants. <\/span><\/p>\n<p><span data-contrast=\"auto\">Options could be <strong>colors<\/strong> or <strong>sizes<\/strong> of products that reflect on their prices.<\/span><\/p>\n<p><span data-contrast=\"auto\">Hence, when you add a product with multiple <strong>colors, sizes,<\/strong> or any other <strong>variant <\/strong>you will need to create an option on your zVendo store.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>Methods to Create Options with Multiple Variants<\/h3>\n<p>Choosing one of the two following methods depends on the quantity of your product.<\/p>\n<p>Demonstrated below method one, in which you can create options as a separated step.<\/p>\n<p>Yet in method two, you can fill the details of the configurable product, while on the same page you create the options, like <strong>Sizes<\/strong>, and add variants, like <strong>Small, Medium, Large, X-Large.<\/strong><\/p>\n<p>Now, you can check each method in detail.<\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>Method 1<\/strong><\/span><\/h4>\n<p><span data-contrast=\"auto\">Before you create a <strong>configurable product<\/strong>, you can create the product&#8217;s main options. <\/span><\/p>\n<p><span style=\"text-decoration: underline;\">Here are the steps to follow for adding up the value of each variant:<\/span><\/p>\n<ol>\n<li>From zVendo dashboard, click on <strong>&#8220;Product Catalog&#8221;.<\/strong><\/li>\n<li>Then, click on <strong>&#8220;Options&#8221;.<\/strong><\/li>\n<li>On the right side of the page, click<strong> &#8220;Create&#8221;.<br \/>\n<\/strong><em><em><em><em>As demonstrated in the below picture.<br \/>\n<\/em><\/em><\/em><\/em><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6377\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option.png\" alt=\"\" width=\"744\" height=\"198\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option.png 1354w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option-300x80.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option-1024x272.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option-768x204.png 768w\" sizes=\"(max-width: 744px) 100vw, 744px\" \/><\/li>\n<li>Start filling the required fields as follows:<br \/>\n<strong>*Code<\/strong>: write the &#8220;<strong>code<\/strong>&#8221; of the first option and you type it with no special character, no space.<br \/>\n<em><strong>*Example<\/strong><\/em>: size or color-1<strong><br \/>\n*Name: <\/strong>Name in <em>English<\/em> then name in <em><em>Arabic<br \/>\n<\/em><\/em>*<strong>Position<\/strong>: you can arrange the variants on your website.<br \/>\n<em><strong>Example<\/strong><\/em>: Small, Medium, Large, X-Large<\/li>\n<li>Enable the &#8220;<strong>View as thumbnail<\/strong>&#8221; button in case you want to add small pictures. For instance, add pictures for colors.<em><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6376\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Options-Variants-Create.png\" alt=\"\" width=\"741\" height=\"251\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Options-Variants-Create.png 1354w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Options-Variants-Create-300x102.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Options-Variants-Create-1024x347.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Options-Variants-Create-768x260.png 768w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/em><\/li>\n<li>Press on &#8220;<strong>Add Value<\/strong>&#8221; button<\/li>\n<li>Fill code and English &amp; Arabic<\/li>\n<li>As an extra step, you can add &#8220;<strong>Thumbnail&#8221;<\/strong> images to represent your variants by clicking on &#8220;<strong>Choose file<\/strong>&#8220;. <em><strong>Example<\/strong><\/em>: add images, representing colors (red, orange, green).<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6382\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Add-value.png\" alt=\"\" width=\"752\" height=\"274\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Add-value.png 1365w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Add-value-300x109.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Add-value-1024x373.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Add-value-768x280.png 768w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/li>\n<li>For adding more values, click &#8220;<strong>Add Value<\/strong>&#8220;.<\/li>\n<li>Repeat the same pattern of filling the required fields: <strong><em>Code, Name EN &amp; AR<br \/>\nExample: <\/em><\/strong>Small, Medium, Large, X-large<\/li>\n<li>Now, press on &#8220;+<strong>Create<\/strong>&#8220;, then the product option will be successfully created.<br \/>\n<em>As demonstrated in the below picture.<\/em><\/li>\n<\/ol>\n<p style=\"padding-left: 40px;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6383\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Success-Create-Variant.png\" alt=\"\" width=\"752\" height=\"278\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Success-Create-Variant.png 1347w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Success-Create-Variant-300x111.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Success-Create-Variant-1024x379.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Success-Create-Variant-768x284.png 768w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/p>\n<p><!--more--><\/p>\n<p>&nbsp;<\/p>\n<h4><strong><span style=\"text-decoration: underline;\">Method 2<\/span><\/strong><\/h4>\n<p>Create an option while creating a new <strong>configurable product.<\/strong><\/p>\n<ol>\n<li>From zVendo dashboard, head directly to &#8220;<strong>Product Catalog<\/strong>&#8220;<\/li>\n<li>Then click on &#8220;<strong>Products<\/strong>&#8220;<\/li>\n<li>Click on &#8220;<strong>Create<\/strong>&#8221; then &#8220;<strong>Simple Product<\/strong>&#8220;<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6386\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-Create-options.png\" alt=\"\" width=\"747\" height=\"238\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-Create-options.png 1357w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-Create-options-300x96.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-Create-options-1024x327.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-Create-options-768x245.png 768w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/li>\n<li>Fill required fields; &#8220;<strong>Code<\/strong>&#8220;, &#8220;<strong>Name<\/strong>&#8220;, &#8220;<strong>Description<\/strong>&#8220;<\/li>\n<li>Click on the &#8220;<strong>Enables<\/strong>&#8221; toggle button. <em>As shown in the below picture<\/em>.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6387\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-creation-option-creating.png\" alt=\"\" width=\"753\" height=\"349\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-creation-option-creating.png 1101w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-creation-option-creating-300x139.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-creation-option-creating-1024x474.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Product-creation-option-creating-768x356.png 768w\" sizes=\"(max-width: 753px) 100vw, 753px\" \/><\/li>\n<li>Scroll down to &#8220;<strong>Product Settings<\/strong>&#8220;.<\/li>\n<li>Choose &#8220;<strong>Configurable Products<\/strong>&#8221; from the dropdown menu.<\/li>\n<li>Then, click on &#8220;<strong>Options<\/strong>&#8220;, then click on &#8220;<strong>Create<\/strong>&#8220;.<\/li>\n<li>Start filling the required fields, &#8220;<strong>Code<\/strong>&#8220;, &#8220;<strong>Name<\/strong>&#8220;<\/li>\n<li>Then click on &#8220;<strong>+Create<\/strong>&#8220;. <em><em>As shown in the below picture.<\/em><\/em><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-6393\" src=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-option-from-products.png\" alt=\"\" width=\"721\" height=\"372\" srcset=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-option-from-products.png 1106w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-option-from-products-300x155.png 300w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-option-from-products-1024x529.png 1024w, https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-option-from-products-768x396.png 768w\" sizes=\"(max-width: 721px) 100vw, 721px\" \/><\/li>\n<li><strong>Please Note:<\/strong><br \/>\n*For adding more values, click &#8220;<strong>Add Value<\/strong>&#8220;.<br \/>\n*Repeat the same pattern of filling the required fields: <strong><em>Code, Name EN &amp; AR<br \/>\nExample: <\/em><\/strong>Small, Medium, Large, X-large.<\/li>\n<\/ol>\n<p>Choosing method 1 or 2 depends on your business needs and also according to the number of your products.<\/p>\n<p>Now, you successfully created a new option for your products on one page.<\/p>\n<h3>How to Assign the Created Options to the Product<\/h3>\n<p>After creating options with detailed variants, you should assign the option you created to the product.<\/p>\n<p>To know how to assign the created options please <a href=\"https:\/\/zvendo.com\/blog\/docs\/how-to-assign-options-to-products\/\">click here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Add Options with Several Variants An option is the main criterion that includes many variants. Options could be colors or sizes of products that reflect on their prices. Hence, when you add a product with multiple colors, sizes, or any other variant you will need to create an option on your zVendo store.\u00a0 Methods to Create Options with Multiple Variants Choosing one of the two following methods depends on the quantity of your product. Demonstrated below method one, in which you can create options as a separated step. Yet in method two, you can fill the details of the configurable product, while on the same page you create the options, like Sizes, and add variants, like Small, Medium, Large, X-Large. Now, you can check each method in detail. Method 1 Before you create a configurable product, you can create the product&#8217;s main options. Here are the steps to follow for adding up the value of each variant: From zVendo dashboard, click on &#8220;Product Catalog&#8221;. Then, click on &#8220;Options&#8221;. On the right side of the page, click &#8220;Create&#8221;. As demonstrated in the below picture. Start filling the required fields as follows: *Code: write the &#8220;code&#8221; of the first option [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_category":[],"doc_tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Options with Several Variants - zVendo<\/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:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Options with Several Variants - zVendo\" \/>\n<meta property=\"og:description\" content=\"How to Add Options with Several Variants An option is the main criterion that includes many variants. Options could be colors or sizes of products that reflect on their prices. Hence, when you add a product with multiple colors, sizes, or any other variant you will need to create an option on your zVendo store.\u00a0 Methods to Create Options with Multiple Variants Choosing one of the two following methods depends on the quantity of your product. Demonstrated below method one, in which you can create options as a separated step. Yet in method two, you can fill the details of the configurable product, while on the same page you create the options, like Sizes, and add variants, like Small, Medium, Large, X-Large. Now, you can check each method in detail. Method 1 Before you create a configurable product, you can create the product&#8217;s main options. Here are the steps to follow for adding up the value of each variant: From zVendo dashboard, click on &#8220;Product Catalog&#8221;. Then, click on &#8220;Options&#8221;. On the right side of the page, click &#8220;Create&#8221;. As demonstrated in the below picture. Start filling the required fields as follows: *Code: write the &#8220;code&#8221; of the first option [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/\" \/>\n<meta property=\"og:site_name\" content=\"zVendo\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-15T15:38:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option.png\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/\",\"url\":\"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/\",\"name\":\"How to Add Options with Several Variants - zVendo\",\"isPartOf\":{\"@id\":\"https:\/\/zvendo.com\/blog\/#website\"},\"datePublished\":\"2021-06-03T15:38:40+00:00\",\"dateModified\":\"2021-07-15T15:38:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/zvendo.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Options with Several Variants\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zvendo.com\/blog\/#website\",\"url\":\"https:\/\/zvendo.com\/blog\/\",\"name\":\"zVendo\",\"description\":\"Your e-commerce fingerprint\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zvendo.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Options with Several Variants - zVendo","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:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Options with Several Variants - zVendo","og_description":"How to Add Options with Several Variants An option is the main criterion that includes many variants. Options could be colors or sizes of products that reflect on their prices. Hence, when you add a product with multiple colors, sizes, or any other variant you will need to create an option on your zVendo store.\u00a0 Methods to Create Options with Multiple Variants Choosing one of the two following methods depends on the quantity of your product. Demonstrated below method one, in which you can create options as a separated step. Yet in method two, you can fill the details of the configurable product, while on the same page you create the options, like Sizes, and add variants, like Small, Medium, Large, X-Large. Now, you can check each method in detail. Method 1 Before you create a configurable product, you can create the product&#8217;s main options. Here are the steps to follow for adding up the value of each variant: From zVendo dashboard, click on &#8220;Product Catalog&#8221;. Then, click on &#8220;Options&#8221;. On the right side of the page, click &#8220;Create&#8221;. As demonstrated in the below picture. Start filling the required fields as follows: *Code: write the &#8220;code&#8221; of the first option [&hellip;]","og_url":"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/","og_site_name":"zVendo","article_modified_time":"2021-07-15T15:38:46+00:00","og_image":[{"url":"https:\/\/zvendo.com\/blog\/wp-content\/uploads\/2021\/06\/Create-Option.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/","url":"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/","name":"How to Add Options with Several Variants - zVendo","isPartOf":{"@id":"https:\/\/zvendo.com\/blog\/#website"},"datePublished":"2021-06-03T15:38:40+00:00","dateModified":"2021-07-15T15:38:46+00:00","breadcrumb":{"@id":"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zvendo.com\/blog\/docs\/how-to-add-a-option-with-several-variants\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zvendo.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Options with Several Variants"}]},{"@type":"WebSite","@id":"https:\/\/zvendo.com\/blog\/#website","url":"https:\/\/zvendo.com\/blog\/","name":"zVendo","description":"Your e-commerce fingerprint","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zvendo.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/docs\/6367"}],"collection":[{"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/comments?post=6367"}],"version-history":[{"count":23,"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/docs\/6367\/revisions"}],"predecessor-version":[{"id":7060,"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/docs\/6367\/revisions\/7060"}],"wp:attachment":[{"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/media?parent=6367"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/doc_category?post=6367"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/zvendo.com\/blog\/wp-json\/wp\/v2\/doc_tag?post=6367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}