{"id":3217,"date":"2023-10-13T13:55:25","date_gmt":"2023-10-13T13:55:25","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=3217"},"modified":"2023-10-13T13:55:26","modified_gmt":"2023-10-13T13:55:26","slug":"how-to-make-components-dependent-using-conditional-logic","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/","title":{"rendered":"How to Make Components Dependent Using Conditional Logic?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Making Components Dependent Using Conditional Logic<\/h2>\n\n\n\n<p>To make components dependent on other components in WooCommerce using the Composite Products for WooCommerce plugin and apply conditional logic, you can follow these steps:<\/p>\n\n\n\n<p>Go to your WordPress dashboard. Navigate to <strong>Products <\/strong>&gt; <strong>Add New<\/strong>.<\/p>\n\n\n\n<p>In the &#8220;Product Data&#8221; panel, select<strong> &#8220;Configurable Product&#8221;<\/strong> as the product type.<\/p>\n\n\n\n<p>Add the components you want for your composite product, specifying their attributes, prices, and any other relevant details.<\/p>\n\n\n\n<p>Scroll down to the<strong> &#8220;Conditional Logic&#8221; <\/strong>section. Click on the &#8220;Add New Scenario&#8221; button to create a new set of conditions.<\/p>\n\n\n\n<p>Here&#8217;s how to configure the scenario:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Scenario Name:<\/strong> Give your scenario a unique name for future reference.<\/li>\n\n\n\n<li><strong>Description:<\/strong> Add a description for the scenario to help you remember the conditions you&#8217;re setting.<\/li>\n\n\n\n<li><strong>Conditions: <\/strong>Add one or more conditions to apply conditional logic to your product. These conditions determine when certain components or options should be displayed or hidden based on the selections made by the customer.\n<ul class=\"wp-block-list\">\n<li><strong>Choose Component: <\/strong>Select the parent component you want to base your condition on from the dropdown list.<\/li>\n\n\n\n<li><strong>Choose Condition:<\/strong> Choose from the three types of conditions:\n<ul class=\"wp-block-list\">\n<li><em>Is: <\/em>If a specific parent component IS selected, then certain components or options should be shown or hidden.<\/li>\n\n\n\n<li><em>Not:<\/em> If a specific parent component is NOT selected, then certain components or options should be shown or hidden.<\/li>\n\n\n\n<li><em>Any:<\/em> If ANY of the parent components is selected, then certain components or options should be shown or hidden.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Choose Products: <\/strong>Specify which products or variations should be affected by this condition.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Hide Components:<\/strong> Checkmark this option if you want to hide the entire component if the conditions are met.<\/li>\n\n\n\n<li><strong>Choose Components: <\/strong>Select the components you want to hide if the user selects the conditions specified above.<\/li>\n\n\n\n<li><strong>Hide Specific Component Options: <\/strong>Check this option if you want to hide specific options within a component if the conditions are met. Select the component and condition for this.<\/li>\n<\/ul>\n\n\n\n<p>Once you&#8217;ve configured your composite product with conditional logic, save it as a draft or publish it to make it available on your WooCommerce store.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg\" width=\"624\" height=\"603\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Making Components Dependent Using Conditional Logic To make components dependent on other components in WooCommerce using the Composite Products for WooCommerce plugin and apply conditional logic, you can follow these steps: Go to your WordPress dashboard. Navigate to Products &gt; Add New. In the &#8220;Product Data&#8221; panel, select &#8220;Configurable Product&#8221; as the product type. Add [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3209,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-3217","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Make Components Dependent Using Conditional Logic? - Documentation<\/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:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Components Dependent Using Conditional Logic? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Making Components Dependent Using Conditional Logic To make components dependent on other components in WooCommerce using the Composite Products for WooCommerce plugin and apply conditional logic, you can follow these steps: Go to your WordPress dashboard. Navigate to Products &gt; Add New. In the &#8220;Product Data&#8221; panel, select &#8220;Configurable Product&#8221; as the product type. Add [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-13T13:55:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh3.googleusercontent.com\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg\" \/>\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:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/\",\"name\":\"How to Make Components Dependent Using Conditional Logic? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh3.googleusercontent.com\\\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg\",\"datePublished\":\"2023-10-13T13:55:25+00:00\",\"dateModified\":\"2023-10-13T13:55:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh3.googleusercontent.com\\\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg\",\"contentUrl\":\"https:\\\/\\\/lh3.googleusercontent.com\\\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-make-components-dependent-using-conditional-logic\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Configurable Products Builder for WooCommerce\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s CPW\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Make Components Dependent Using Conditional Logic?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/addify.store\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make Components Dependent Using Conditional Logic? - Documentation","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:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/","og_locale":"en_US","og_type":"article","og_title":"How to Make Components Dependent Using Conditional Logic? - Documentation","og_description":"Making Components Dependent Using Conditional Logic To make components dependent on other components in WooCommerce using the Composite Products for WooCommerce plugin and apply conditional logic, you can follow these steps: Go to your WordPress dashboard. Navigate to Products &gt; Add New. In the &#8220;Product Data&#8221; panel, select &#8220;Configurable Product&#8221; as the product type. Add [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/","og_site_name":"Documentation","article_modified_time":"2023-10-13T13:55:26+00:00","og_image":[{"url":"https:\/\/lh3.googleusercontent.com\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg","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:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/","name":"How to Make Components Dependent Using Conditional Logic? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/#primaryimage"},"thumbnailUrl":"https:\/\/lh3.googleusercontent.com\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg","datePublished":"2023-10-13T13:55:25+00:00","dateModified":"2023-10-13T13:55:26+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/#primaryimage","url":"https:\/\/lh3.googleusercontent.com\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg","contentUrl":"https:\/\/lh3.googleusercontent.com\/BrLL0SbY0h3G73dH2PAZu0tGWGhwmMvgcpkWn_jnDIlPAd9S1VTkgqm5TQ2L_y4iRO2YSIQh9LQ2sKiEBIFPkyxvLqCj9OIJzifs2mYbl1hK0FSZ3FUYoKc-T-EawjMjKSlyfXin6hyKHvL7p4P6eBg"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-make-components-dependent-using-conditional-logic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/addify.store\/documentation\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Configurable Products Builder for WooCommerce","item":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s CPW","item":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/"},{"@type":"ListItem","position":5,"name":"How to Make Components Dependent Using Conditional Logic?"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=3217"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3217\/revisions"}],"predecessor-version":[{"id":3218,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3217\/revisions\/3218"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3209"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=3217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}