{"id":42219,"date":"2015-02-09T07:24:55","date_gmt":"2015-02-09T12:24:55","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=42219"},"modified":"2016-02-18T05:00:50","modified_gmt":"2016-02-18T10:00:50","slug":"opencart-how-to-create-a-product-option-and-apply-it-to-a-product","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-how-to-create-a-product-option-and-apply-it-to-a-product.html","title":{"rendered":"Opencart. How to create a product option and apply it to a product"},"content":{"rendered":"<p><\/p>\r\n<p>Hello! This video tutorial shows how to create a product option and apply it to a product in OpenCart.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=YnbFRWXlHdM?width=1280&amp;height=720\" rel=\"prettyPhoto\">Opencart. How to create a product option and apply it to a product<\/a><\/p>\r\n<p>The tutorial assumes you are already logged in your OpenCart administration area.<\/p>\r\n<p>Let&#8217;s learn how to create a product option.<\/p>\r\n<ol>\r\n<li>\r\n<p>Go to <strong>Catalog ->Options<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_1-300x210.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_1\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-42220\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_1-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_1-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_1.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Then, click <strong>&#8220;Insert&#8221;<\/strong> button at the top right.<\/p>\r\n<\/li>\r\n<li>\r\n<p>On the appeared screen fill in the <strong>&#8220;Option Name:&#8221;<\/strong> field with the new option name, choose the type of option from the <strong>&#8220;Type:&#8221;<\/strong> drop-down and put the sort order in the <strong>&#8220;Sort Order:&#8221;<\/strong> field:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_2-300x210.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_2\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-42221\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_2-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_2-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_2.png 999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Now, let&#8217;s add option values for the option we have created.<\/p>\r\n<ol>\r\n<li>\r\n<p>Click <strong>&#8220;Add Option Value&#8221;<\/strong> button and add several option values filling in <strong>&#8220;Option Value Name:&#8221;<\/strong> and <strong>&#8220;Sort order&#8221;<\/strong> fields:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_3-300x164.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_3\" width=\"300\" height=\"164\" class=\"aligncenter size-medium wp-image-42222\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_3-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_3-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_3.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>&#8220;Save&#8221;<\/strong> button at the top right to apply changes.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Now, let&#8217;s apply the created option to any product.<\/p>\r\n<ol>\r\n<li>\r\n<p>Go to <strong>Catalog ->Products<\/strong> tab and click <strong>&#8220;Edit&#8221;<\/strong> button at the right hand side of the product you would like to apply an option to:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_4-300x169.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_4\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-42223\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_4-300x169.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_4-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_4.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click the <strong>&#8220;Option&#8221;<\/strong> tab and start typing previously added product option in an empty field:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_5-300x170.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_5\" width=\"300\" height=\"170\" class=\"aligncenter size-medium wp-image-42224\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_5-300x170.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_5-150x85.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_5.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Hit enter key &#8211; now you may add as many option values for the product as you like. Specify <strong>Stock<\/strong>, <strong>Price<\/strong>, <strong>Weight<\/strong>, etc. values that will be available for the product to choose:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_6-300x197.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_6\" width=\"300\" height=\"197\" class=\"aligncenter size-medium wp-image-42225\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_6-300x197.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_6-150x98.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_6.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>&#8220;Save&#8221;<\/strong> button at the top right of the screen.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Open edited product page in the front-end, you can now see <strong>&#8220;Color&#8221;<\/strong> option drop-down there:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_7-300x210.png\" alt=\"opencart_how_to_create_product_option_and_apply_it_to_product_7\" width=\"300\" height=\"210\" class=\"aligncenter size-medium wp-image-42226\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_7-300x210.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_7-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/opencart_how_to_create_product_option_and_apply_it_to_product_7.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>This is the end of the tutorial, we have learnt how to create a product option and apply it to a product in your OpenCart store.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=YnbFRWXlHdM?width=1280&amp;height=720\" rel=\"prettyPhoto\">Opencart. How to create a product option and apply it to a product<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>This video tutorial shows how to create a product option and apply it to a product in OpenCart.<\/p>\n","protected":false},"author":68,"featured_media":43675,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[1157,900,542],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/42219"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=42219"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/42219\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43675"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=42219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=42219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=42219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}