{"id":939,"date":"2026-08-04T07:24:31","date_gmt":"2026-08-04T07:24:31","guid":{"rendered":"http:\/\/teamwinter"},"modified":"2026-08-04T07:24:31","modified_gmt":"2026-08-04T07:24:31","password":"","slug":"how-to-use-radio-field-in-optiontics","status":"publish","type":"docs","link":"https:\/\/themewinter.com\/docs\/optiontics\/how-to-use-radio-field-in-optiontics\/","title":{"rendered":"How to use Radio Field in Optiontics"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Radio field lays all options out in the open as radio buttons, so customers see every choice at once and pick exactly one. Each choice can add to or subtract from the price, show an image, and optionally carry a quantity input. Best for short lists where visibility matters.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"use-cases\">Use Cases<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;Pizza Size: Small \/ Medium (+$3) \/ Large (+$6)&#8221; &#8212; Classic single-pick where all prices should be visible upfront.<\/li>\n\n\n\n<li>&#8220;Warranty: 1 Year (+$0) \/ 2 Years (+$19) \/ 3 Years (+$29)&#8221; &#8212; Tiered upsell laid out side by side.<\/li>\n\n\n\n<li>&#8220;Roast Level: Light \/ Medium \/ Dark&#8221; &#8212; Equal-priced choices that just need a clear pick.<\/li>\n\n\n\n<li>&#8220;Choose a Crust&#8221; with thumbnails &#8212; Visual single-pick using the per-choice image option.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/themewinter.com\/docs\/plugins\/wp-content\/uploads\/sites\/3\/2026\/06\/SCR-20260607-izhw.png\" alt=\"optiontics radio filed block\/option\" class=\"wp-image-12267\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-use\">How to Use<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open <strong>Optiontics \u2192 Add-ons<\/strong> and edit (or create) an add-on form.<\/li>\n\n\n\n<li>Drag the <strong>Radio<\/strong> block onto the canvas.<\/li>\n\n\n\n<li>Select the block to open its settings on the right.<\/li>\n\n\n\n<li>Add your <strong>choices<\/strong> &#8212; for each one set:\n<ul class=\"wp-block-list\">\n<li><strong>Label<\/strong> &#8212; text shown next to the button.<\/li>\n\n\n\n<li><strong>Price<\/strong> &#8212; amount added when selected (negative to subtract).<\/li>\n\n\n\n<li><strong>Price type<\/strong> &#8212; <strong>Fixed<\/strong> or <strong>Percentage<\/strong> of the base price.<\/li>\n\n\n\n<li><strong>Default<\/strong> &#8212; mark one choice as pre-selected.<\/li>\n\n\n\n<li><strong>Image<\/strong> <em>(optional)<\/em> &#8212; thumbnail shown with the choice.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Adjust the settings (below).<\/li>\n\n\n\n<li><strong>Save<\/strong>, assign to a product, and preview.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings-customizations\">Settings &#038; Customizations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong> \/ <strong>Hide title<\/strong> \/ <strong>Description<\/strong>.<\/li>\n\n\n\n<li><strong>Required<\/strong> &#8212; must select before add to cart.<\/li>\n\n\n\n<li><strong>Columns<\/strong> &#8212; lay choices out in 1-N columns.<\/li>\n\n\n\n<li><strong>Quantity<\/strong> &#8212; enable a per-choice quantity input; set <strong>Min<\/strong> and <strong>Max<\/strong>.<\/li>\n\n\n\n<li><strong>Show sale price<\/strong> &#8212; show the discounted choice price when set.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Can customers select more than one?<\/strong> No &#8212; Radio is single-select. Use Checkbox for multiple.<br><strong>How do I show choices side by side?<\/strong> Increase <strong>Columns<\/strong>.<br><strong>Can each option have its own quantity?<\/strong> Yes &#8212; enable <strong>Quantity<\/strong> and set Min\/Max.<br><strong>Can a choice subtract from the price?<\/strong> Yes &#8212; enter a negative amount.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pick Radio when the list is short and you want every option visible at once. Columns, optional images, and per-choice quantity make it flexible for sizes, tiers, and visual picks alike.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Radio field lays all options out in the open as radio buttons, so customers see every choice at once and pick exactly one. Each choice can add to or subtract from the price, show an image, and optionally carry a quantity input. Best for short lists where visibility matters. Use Cases How to Use [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[64],"doc_tag":[],"class_list":["post-939","docs","type-docs","status-publish","hentry","doc_category-optiontics"],"year_month":"2026-08","word_count":327,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"teamwinter","author_nicename":"teamwinter","author_url":"https:\/\/themewinter.com\/docs\/author\/teamwinter\/"},"doc_category_info":[{"term_name":"Optiontics","term_url":"https:\/\/themewinter.com\/docs\/docs\/optiontics\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/docs\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":0,"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/docs\/939\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/media?parent=939"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/doc_category?post=939"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themewinter.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}