{"id":11933,"date":"2025-05-13T08:45:17","date_gmt":"2025-05-13T08:45:17","guid":{"rendered":"https:\/\/visualtourbuilder.com\/?post_type=ht_kb&p=11933"},"modified":"2025-09-17T09:52:04","modified_gmt":"2025-09-17T09:52:04","slug":"how-do-you-make-a-product-optional","status":"publish","type":"ht_kb","link":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/","title":{"rendered":"How do you make a product optional?"},"content":{"rendered":"

In your VTB, it\u2019s possible to make any<\/strong> product optional<\/strong> for each<\/strong> element.<\/p>\n

How?<\/strong><\/p>\n

    \n
  1. Start by adding a new product<\/strong> or go to the existing product<\/strong> you want to make optional<\/strong>.<\/li>\n
  2. When you hover<\/strong> over the product block, a button labeled \u2018Optional\u2019<\/strong> will appear in the top-right<\/strong> corner. Toggle<\/strong> it on to mark the product as optional<\/strong>.\"\"<\/li>\n
  3. Once enabled<\/strong>, the block is highlighted in orange<\/strong> and marked to show it\u2019s an optional product<\/strong>. When a product is set as optional<\/strong>, its duration<\/strong> (in days) is not<\/strong> added to the total<\/strong>. Instead, the number of days is automatically adjusted<\/strong> to match the duration<\/strong> of the default<\/strong> (non-optional) product. This ensures the overall<\/strong> schedule stays consistent<\/strong>, regardless of the optional selections<\/strong>.\"\"<\/li>\n<\/ol>\n

    How does it look in the output
    \n<\/strong>In the VTB you will see that it is shown as an alternative<\/strong>.<\/span><\/p>\n

    \"\"<\/p>\n

    You can also make the products optional<\/strong>, but display them with large format photos<\/strong> using Extensive View<\/strong>. See how it works in this article.<\/a><\/span><\/p>","protected":false},"excerpt":{"rendered":"

    In your VTB, it\u2019s possible to make any product optional for each element. How? Start by adding a new product or go to the existing product you want to make optional. When you hover over the product block, a button labeled \u2018Optional\u2019 will appear in the top-right corner. Toggle it on to mark the product …<\/p>\n

    How do you make a product optional?<\/span> Read More »<\/a><\/p>","protected":false},"author":449,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"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":"","theme-transparent-header-meta":"default","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":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","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-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-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-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-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-gradient":""}},"footnotes":""},"ht-kb-category":[47],"ht-kb-tag":[155,153,156,154,152],"class_list":["post-11933","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-building-vtbs","ht_kb_tag-optional-products","ht_kb_tag-product","ht_kb_tag-product-optional","ht_kb_tag-product-settings","ht_kb_tag-travel-itinerary"],"acf":[],"yoast_head":"\nHow do you make a product optional? - Visual Tour Builder<\/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:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do you make a product optional? - Visual Tour Builder\" \/>\n<meta property=\"og:description\" content=\"In your VTB, it\u2019s possible to make any product optional for each element. How? Start by adding a new product or go to the existing product you want to make optional. When you hover over the product block, a button labeled \u2018Optional\u2019 will appear in the top-right corner. Toggle it on to mark the product … How do you make a product optional? Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Tour Builder\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T09:52:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/\",\"name\":\"How do you make a product optional? - Visual Tour Builder\",\"isPartOf\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png\",\"datePublished\":\"2025-05-13T08:45:17+00:00\",\"dateModified\":\"2025-09-17T09:52:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#primaryimage\",\"url\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png\",\"contentUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/visualtourbuilder.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do you make a product optional?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#website\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/\",\"name\":\"Visual Tour Builder\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/visualtourbuilder.com\/eng\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#organization\",\"name\":\"Visual Tour Builder\",\"url\":\"https:\/\/visualtourbuilder.com\/eng\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png\",\"contentUrl\":\"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png\",\"width\":32,\"height\":32,\"caption\":\"Visual Tour Builder\"},\"image\":{\"@id\":\"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do you make a product optional? - Visual Tour Builder","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:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/","og_locale":"en_US","og_type":"article","og_title":"How do you make a product optional? - Visual Tour Builder","og_description":"In your VTB, it\u2019s possible to make any product optional for each element. How? Start by adding a new product or go to the existing product you want to make optional. When you hover over the product block, a button labeled \u2018Optional\u2019 will appear in the top-right corner. Toggle it on to mark the product … How do you make a product optional? Read More »","og_url":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/","og_site_name":"Visual Tour Builder","article_modified_time":"2025-09-17T09:52:04+00:00","og_image":[{"url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/","url":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/","name":"How do you make a product optional? - Visual Tour Builder","isPartOf":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#website"},"primaryImageOfPage":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#primaryimage"},"image":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#primaryimage"},"thumbnailUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png","datePublished":"2025-05-13T08:45:17+00:00","dateModified":"2025-09-17T09:52:04+00:00","breadcrumb":{"@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#primaryimage","url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png","contentUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2025\/05\/Optionalelement.png"},{"@type":"BreadcrumbList","@id":"https:\/\/visualtourbuilder.com\/eng\/knowledge-base\/how-do-you-make-a-product-optional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visualtourbuilder.com\/"},{"@type":"ListItem","position":2,"name":"How do you make a product optional?"}]},{"@type":"WebSite","@id":"https:\/\/visualtourbuilder.com\/eng\/#website","url":"https:\/\/visualtourbuilder.com\/eng\/","name":"Visual Tour Builder","description":"","publisher":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visualtourbuilder.com\/eng\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/visualtourbuilder.com\/eng\/#organization","name":"Visual Tour Builder","url":"https:\/\/visualtourbuilder.com\/eng\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/","url":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png","contentUrl":"https:\/\/visualtourbuilder.com\/wp-content\/uploads\/2024\/02\/favicon-32x32-1.png","width":32,"height":32,"caption":"Visual Tour Builder"},"image":{"@id":"https:\/\/visualtourbuilder.com\/eng\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/11933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/users\/449"}],"replies":[{"embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/comments?post=11933"}],"version-history":[{"count":7,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/11933\/revisions"}],"predecessor-version":[{"id":11937,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb\/11933\/revisions\/11937"}],"wp:attachment":[{"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/media?parent=11933"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb-category?post=11933"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/visualtourbuilder.com\/eng\/wp-json\/wp\/v2\/ht-kb-tag?post=11933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}