{"id":3213,"date":"2023-10-13T13:54:07","date_gmt":"2023-10-13T13:54:07","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=3213"},"modified":"2023-10-13T13:54:07","modified_gmt":"2023-10-13T13:54:07","slug":"how-to-change-the-configuration-layout","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/","title":{"rendered":"How to Change the Configuration Layout?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Changing the Configuration Layout<\/h2>\n\n\n\n<p>Composite Products for WooCommerce enables you to choose the unique layout to display all product components in your store. Customize the layout according to your store requirements by following these steps:<\/p>\n\n\n\n<p>If you&#8217;re creating a new configurable product, go to <strong>Products<\/strong> &gt; <strong>Add New<\/strong>. If you&#8217;re editing an existing configurable product, locate the product in your product list and click on it to edit.<\/p>\n\n\n\n<p>Select the \u201cConfigurable Product\u201d type in the Product Data panel.&nbsp;<\/p>\n\n\n\n<p>Next, go to the \u201cConfigurable Settings.\u201d&nbsp;<\/p>\n\n\n\n<p>Select a layout from the three options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vertical<\/li>\n\n\n\n<li>Toggle<\/li>\n\n\n\n<li>Steps<\/li>\n<\/ul>\n\n\n\n<p>After choosing the desired layout, configure the remaining settings and click \u201cPublish\u201d to make it live.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Changing the Configuration Layout Composite Products for WooCommerce enables you to choose the unique layout to display all product components in your store. Customize the layout according to your store requirements by following these steps: If you&#8217;re creating a new configurable product, go to Products &gt; Add New. If you&#8217;re editing an existing configurable product, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3209,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-3213","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 Change the Configuration Layout? - 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-change-the-configuration-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Configuration Layout? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Changing the Configuration Layout Composite Products for WooCommerce enables you to choose the unique layout to display all product components in your store. Customize the layout according to your store requirements by following these steps: If you&#8217;re creating a new configurable product, go to Products &gt; Add New. If you&#8217;re editing an existing configurable product, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh6.googleusercontent.com\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI\" \/>\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=\"1 minute\" \/>\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-change-the-configuration-layout\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/\",\"name\":\"How to Change the Configuration Layout? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh6.googleusercontent.com\\\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI\",\"datePublished\":\"2023-10-13T13:54:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh6.googleusercontent.com\\\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI\",\"contentUrl\":\"https:\\\/\\\/lh6.googleusercontent.com\\\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/composite-products-for-woocommerce\\\/how-tos\\\/how-to-change-the-configuration-layout\\\/#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 Change the Configuration Layout?\"}]},{\"@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 Change the Configuration Layout? - 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-change-the-configuration-layout\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Configuration Layout? - Documentation","og_description":"Changing the Configuration Layout Composite Products for WooCommerce enables you to choose the unique layout to display all product components in your store. Customize the layout according to your store requirements by following these steps: If you&#8217;re creating a new configurable product, go to Products &gt; Add New. If you&#8217;re editing an existing configurable product, [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/","og_site_name":"Documentation","og_image":[{"url":"https:\/\/lh6.googleusercontent.com\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/","name":"How to Change the Configuration Layout? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/lh6.googleusercontent.com\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI","datePublished":"2023-10-13T13:54:07+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/#primaryimage","url":"https:\/\/lh6.googleusercontent.com\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI","contentUrl":"https:\/\/lh6.googleusercontent.com\/DRSZSzzqHvJJyX7iuVQzVTFaf0wo2B41dcnwscYfygz7wwOzIr_FOPAnGUh3VTheVR4_n9Qzd5s9kl_vh1fUWJLXUSfqVzvhfTo34-4b4QTBXBWHz-Fq1sc4BOSI_K9u0JBhH4G0ZBfj7rPZecvDxlI"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/composite-products-for-woocommerce\/how-tos\/how-to-change-the-configuration-layout\/#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 Change the Configuration Layout?"}]},{"@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\/3213","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=3213"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3213\/revisions"}],"predecessor-version":[{"id":3214,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/3213\/revisions\/3214"}],"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=3213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}