{"id":139,"date":"2018-03-09T14:03:29","date_gmt":"2018-03-09T14:03:29","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/?p=139"},"modified":"2019-10-02T12:13:53","modified_gmt":"2019-10-02T12:13:53","slug":"add-options","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/","title":{"rendered":"Add options"},"content":{"rendered":"<p>The third and last step of the configuration of a new add-on is related to the option addition associated to it.<\/p>\n<p class=\"alert alert-warning\">Please note: in order to show the add-on, you <b>must insert<\/b> at least one option.<\/p>\n<p>With the &#8216;drag and drop&#8217; option you can sort the list of options.<\/p>\n<p><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-321 size-full\" title=\"\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png\" alt=\"ring options\" width=\"899\" height=\"675\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png 899w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options-300x225.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options-768x577.png 768w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/a><\/p>\n<p>Specify for each of them the following values:<\/p>\n<ul>\n<li><b>Option label<\/b>: the text to identify this option on the frontend<\/li>\n<li><b>Description<\/b>: enter here details about this option (valid for all types of add-ons except for\u00a0<em>Select<\/em>)<\/li>\n<li><strong>Placeholder<\/strong>: the placeholder text shown if no text has been entered by the user yet. Use this to help your users have more information about how to use the option (valid only for\u00a0<em>Date<\/em>, <em>Number<\/em>, <em>Text,<\/em> and <em>Textarea<\/em> types of add-ons)<\/li>\n<li><strong>Tooltip<\/strong>: type the text that will be shown as a tooltip\u00a0(valid for all types of add-ons except for\u00a0<em>Select<\/em>)<\/li>\n<li><b>Price<\/b>: the price associated with the option can be calculated in 4 different ways depending on the related add-on type\n<ul>\n<li><b>fixed price<\/b> (valid for all add-on types)<\/li>\n<li><b>percentage price<\/b>: based only on the base price of the product (valid for all the add-on types)<\/li>\n<li><b>multiplied by the length of the string<\/b>: the option base price is multiplied by the length of the text string the user inserted in the option (valid only for <i>Text<\/i> and <em>T<\/em><i>extarea<\/i> add-on types)<\/li>\n<li><b>multiplied by the option value<\/b>: the option base price is multiplied by the value the user inserted in the option (valid only for <i>Number<\/i> type add-ons)<\/li>\n<\/ul>\n<\/li>\n<li><b>&#8220;Min\/Max&#8221;<\/b>: these values can be configured if the add-on is of &#8220;number&#8221; typology<\/li>\n<li><b>&#8220;checked&#8221;<\/b>: if the add-on is of &#8220;checkbox&#8221; typology, it can be used to set a single product as &#8220;checked&#8221;<\/li>\n<li><strong>&#8220;Hide label&#8221;<\/strong>: hide label and only show input field<\/li>\n<\/ul>\n<p>To enable\/disable the display of add-on option details, go to <b>&#8220;General&#8221;<\/b> section of the plugin settings dashboard.<\/p>\n<p><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/Global-options-Optionsd.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-128\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/Global-options-Optionsd.jpg\" alt=\"Global options - Options\" width=\"900\" height=\"487\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/Global-options-Optionsd.jpg 900w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/Global-options-Optionsd-300x162.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/Global-options-Optionsd-768x416.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p>This is how our add-on is shown on the frontend.<\/p>\n<p><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/Add-on-example.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-127\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/Add-on-example.jpg\" alt=\"Add-on example\" width=\"900\" height=\"477\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/Add-on-example.jpg 900w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/Add-on-example-300x159.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/Add-on-example-768x407.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<h3>Duplicate options<\/h3>\n<p>If you need to create an option similar to an existing one, consider the possibility of\u00a0<strong>duplicating the option<\/strong>.<\/p>\n<p>From the page where all options are listed, click on the duplicate icon as shown in the following image:<\/p>\n<p><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sopra-duplica-opzione.png\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-289 size-full\" title=\"\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sopra-duplica-opzione.png\" alt=\"Duplicate option\" width=\"1153\" height=\"266\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sopra-duplica-opzione.png 1153w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sopra-duplica-opzione-300x69.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sopra-duplica-opzione-768x177.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sopra-duplica-opzione-1024x236.png 1024w\" sizes=\"auto, (max-width: 1153px) 100vw, 1153px\" \/><\/a><\/p>\n<p>An\u00a0exact copy of the option will be created, including its details. Start editing the parts that need to be changed and leave the others unchanged. This button will let you save a lot of time!<\/p>\n<p><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sotto-opzione-duplicata.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-290 size-full\" title=\"\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sotto-opzione-duplicata.png\" alt=\"Duplicated option\" width=\"1191\" height=\"552\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sotto-opzione-duplicata.png 1191w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sotto-opzione-duplicata-300x139.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sotto-opzione-duplicata-768x356.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-content\/uploads\/sites\/91\/2018\/03\/03-sotto-opzione-duplicata-1024x475.png 1024w\" sizes=\"auto, (max-width: 1191px) 100vw, 1191px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The third and last step of the configuration of a new add-on is related to the option addition associated to it. Please note: in order to show the add-on, you must insert at least one option. With the &#8216;drag and drop&#8217; option you can sort the list of options. Specify for each of them the &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Add options<\/span><\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,6],"tags":[],"class_list":["post-139","post","type-post","status-publish","format-standard","hentry","category-how-to-configure-add-on","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Product Add-Ons: Add options<\/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-product-add-ons-1x\/add-options\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Product Add-Ons: Add options\" \/>\n<meta property=\"og:description\" content=\"The third and last step of the configuration of a new add-on is related to the option addition associated to it. Please note: in order to show the add-on, you must insert at least one option. With the &#8216;drag and drop&#8217; option you can sort the list of options. Specify for each of them the &hellip; Continue reading Add options\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Product Add-Ons 1.x\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-09T14:03:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-02T12:13:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/\",\"name\":\"YITH Product Add-Ons: Add options\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png\",\"datePublished\":\"2018-03-09T14:03:29+00:00\",\"dateModified\":\"2019-10-02T12:13:53+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/\",\"name\":\"YITH WooCommerce Product Add-Ons 1.x\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Product Add-Ons: Add options","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-product-add-ons-1x\/add-options\/","og_locale":"en_US","og_type":"article","og_title":"YITH Product Add-Ons: Add options","og_description":"The third and last step of the configuration of a new add-on is related to the option addition associated to it. Please note: in order to show the add-on, you must insert at least one option. With the &#8216;drag and drop&#8217; option you can sort the list of options. Specify for each of them the &hellip; Continue reading Add options","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/","og_site_name":"YITH WooCommerce Product Add-Ons 1.x","article_published_time":"2018-03-09T14:03:29+00:00","article_modified_time":"2019-10-02T12:13:53+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/","name":"YITH Product Add-Ons: Add options","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png","datePublished":"2018-03-09T14:03:29+00:00","dateModified":"2019-10-02T12:13:53+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/91\/2018\/03\/ring-options.png"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/add-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/"},{"@type":"ListItem","position":2,"name":"Add options"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/","name":"YITH WooCommerce Product Add-Ons 1.x","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/posts\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":16,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/posts\/139\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/posts\/139\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/media?parent=139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/categories?post=139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-1x\/wp-json\/wp\/v2\/tags?post=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}