{"id":3221,"date":"2023-10-13T13:56:09","date_gmt":"2023-10-13T13:56:09","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=3221"},"modified":"2023-10-13T13:56:10","modified_gmt":"2023-10-13T13:56:10","slug":"how-to-show-stock-status-information-of-components-on-the-product-page","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/","title":{"rendered":"How to Show Stock Status Information of Components on the Product Page?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Showing the Stock Status of Components on the Product Page<\/h2>\n\n\n\n<p>Customers often come across stock shortages when they are at the checkout page, which makes them frustrated. To display the stock status information of components on the product page using the Composite Products for WooCommerce plugin, follow these steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress dashboard. Navigate to <strong>Products <\/strong>&gt; <strong>Add New<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the &#8220;Product Data&#8221; panel, select<strong> &#8220;Configurable Product&#8221;<\/strong> as the product type.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Next, go to the <strong>\u201cComponents\u201d<\/strong> tab to add new components.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to advanced settings and locate the option \u201cStock Availability\u201d. In the &#8220;Stock Availability&#8221; dropdown, you have two options:\n<ul class=\"wp-block-list\">\n<li><strong>Hide Stock Message in Dropdown: <\/strong>Selecting this option will hide any stock status messages related to the component on the product page. This is useful if you don&#8217;t want to display stock information for this specific component.<\/li>\n\n\n\n<li><strong>Show Stock Message in Dropdown: <\/strong>If you choose this option, the stock status message for the component will be displayed on the product page. This message will inform customers about the availability of the component, such as whether it&#8217;s in stock or out of stock.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the second option to display stock status.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After configuring the stock availability for your components, save the composite product as a draft or publish it to make it available on your WooCommerce store.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw\" alt=\"\"\/><\/figure>\n\n\n\n<p>By following these steps and selecting the appropriate stock availability option for each component, you can control whether stock status information is displayed or hidden for each component on the product page of your composite product. Customers will see this information when configuring the product or making selections.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Showing the Stock Status of Components on the Product Page Customers often come across stock shortages when they are at the checkout page, which makes them frustrated. To display the stock status information of components on the product page using the Composite Products for WooCommerce plugin, follow these steps: By following these steps and selecting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3209,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-3221","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 Show Stock Status Information of Components on the Product Page? - 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-show-stock-status-information-of-components-on-the-product-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Show Stock Status Information of Components on the Product Page? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Showing the Stock Status of Components on the Product Page Customers often come across stock shortages when they are at the checkout page, which makes them frustrated. To display the stock status information of components on the product page using the Composite Products for WooCommerce plugin, follow these steps: By following these steps and selecting [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-13T13:56:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh3.googleusercontent.com\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw\" \/>\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-show-stock-status-information-of-components-on-the-product-page\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/\",\"name\":\"How to Show Stock Status Information of Components on the Product Page? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh3.googleusercontent.com\\\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw\",\"datePublished\":\"2023-10-13T13:56:09+00:00\",\"dateModified\":\"2023-10-13T13:56:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh3.googleusercontent.com\\\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw\",\"contentUrl\":\"https:\\\/\\\/lh3.googleusercontent.com\\\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-show-stock-status-information-of-components-on-the-product-page\\\/#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 Show Stock Status Information of Components on the Product Page?\"}]},{\"@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 Show Stock Status Information of Components on the Product Page? - 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-show-stock-status-information-of-components-on-the-product-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Show Stock Status Information of Components on the Product Page? - Documentation","og_description":"Showing the Stock Status of Components on the Product Page Customers often come across stock shortages when they are at the checkout page, which makes them frustrated. To display the stock status information of components on the product page using the Composite Products for WooCommerce plugin, follow these steps: By following these steps and selecting [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/","og_site_name":"Documentation","article_modified_time":"2023-10-13T13:56:10+00:00","og_image":[{"url":"https:\/\/lh3.googleusercontent.com\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw","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-show-stock-status-information-of-components-on-the-product-page\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/","name":"How to Show Stock Status Information of Components on the Product Page? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/#primaryimage"},"thumbnailUrl":"https:\/\/lh3.googleusercontent.com\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw","datePublished":"2023-10-13T13:56:09+00:00","dateModified":"2023-10-13T13:56:10+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/#primaryimage","url":"https:\/\/lh3.googleusercontent.com\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw","contentUrl":"https:\/\/lh3.googleusercontent.com\/94ZbGcW4H4lCrT1b6dgB6Kdp60CyjzTvZxM-CoVj4qWXMr5mKjwk5Gqr0L1jSt9CcRRh2jeQTNPp9vJYzvP3U0o3i6gf8_ZjR_8zoENuiLyMsXBGawlJTitynFKDBNZB_QJW5fieouCB0vgX2nm1fDw"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-show-stock-status-information-of-components-on-the-product-page\/#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 Show Stock Status Information of Components on the Product Page?"}]},{"@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\/3221","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=3221"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3221\/revisions"}],"predecessor-version":[{"id":3222,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3221\/revisions\/3222"}],"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=3221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}